Browsers Targeted: Internet Explorer 4+
The SrcElement DOM object is generated any time that an event is called, and it contains the element that called the event in the first place. One of the principle advantages of using it is that you can radically simplify your DHTML scripting code by assigning an event on a single container object, then checking the SrcElement to see which object within that container actually fired the event.
A simple demonstration illustrates the point. Suppose that you had three
elements within another Blue Box
element, one of each color red, green or blue. You can place a general event handler on the containing DIV that can then be used to intercept either the outside division or any of the three smaller DIV elements.
BlackRed Box
Green Box
This technique is common for dealing with a large number of items that have similar actions and are contained in a single element. Collapsible trees, subordinate selections, input elements, and behaviors can all make use of this technique.