XClick demo : browse this page with Internet Explorer or Chrome 42+ and follow the following steps.

  1. Click in the colored areas and see what happens.
  2. Now press your mouse button on the blue area, move the cursor to the red area, and release the mouse button. Surprise, see who got a click event !
  3. Click this button : and now do the second step again. No more unexpected click event !

That's about it. For people who need to keep mousedown and/or mouseup events from bubbling, see the source of this page. This example actually stops the propagation of mouseup events and replaces them with mouseupSilent events.

Back to the project page