Explanation
#elem1 has "click," "mousemove," and "mousedown" event handlers wired to it, which simply log
a message indicating what event is currently dispatching.
#elem2 also has "click," "mousemove," and "mousedown" event hanlders wire to it, but they do nothing
more than forward their events to #elem1, so any of the aforementioned events directed at #elem2
will appear to have been directed at #elem1 instead.
Things to try:
- mousemove on #elem2: Notice that the logged message claims that the mousemove is happening on #elem1.
- mousedown on #elem2: The logged message will indicate that the mousedown happened on #elem1.
- click on #elem2: The logged message will indicate that the click happend on #elem1 with the SHIFT key pressed.
- click on #elem1: The logged message will show a click on #elem1 but without the SHIFT key pressed
(since this was the original event and not a forwarded one that was manipulated).