ondblclick and onclick together

[Dan]

How do I catch both ondblclick and onclick on a div?

/Dan

*** Sent via Developersdex http://www.developersdex.com ***
Don't just participate in USENET...get rewarded for it!

[Fred Oz]

Dan wrote:

How do I catch both ondblclick and onclick on a div?

By putting both events on the div - trivial example:

<div onclick="document.getElementById('cc').innerHTML = 'You clicked';"
ondblclick="document.getElementById('cc').innerHTM L =
'<b>you double clicked</b>';">the result: <span id="cc"></span></div>

However, the first click will execute the "onclick", so if the double
click gets through (as it does in my example) both events will fire
unless the first click does something that immediately causes all
further input to be ignored - say opening a modal dialog like alert.

I can't think of how a double click could get through before the first
single click - but I'm happy to be enlightened.

Fred.

[Daniel Kirsch]

Fred Oz wrote:

I can't think of how a double click could get through before the first
single click - but I'm happy to be enlightened.

You my start a timer on a single click which calls the method to be
executed on a single click. The doubleclick handler should cancel the
singleclick timer (if not allready done) and than call the double click
action.

However, this means that every single click action will be a bit delayed.

Daniel