Javascript onclick and ondblclick in same button

Question

does anybody know an solution for buttons to react on 2 click events for only one button:

<input type="button" value="Click" ondblclick="alert('double')"; onclick="alert('ones')";>

@At my try if I double click on button, it alert only 'ones'; Why it isn't possible to have ondblclick and onclick in the same button?

Is it something like you want to restrict the user from double-clicking? — Ganesh Pandhere
– Ganesh Pandhere, Commented Sep 11, 2013 at 10:41
Then don't use alert which is modal and fired a blur event in most browsers — A. Wolff
– A. Wolff, Commented Sep 11, 2013 at 10:41
If you double click the button then alert('ones') will appear on your screen.What do you wants to do ? — Satyam Koyani
– Satyam Koyani, Commented Sep 11, 2013 at 10:45
It is possible, but why would you want a double-click handler on a button element? It could make sense on a number of other elements (e.g., an option element within a (non drop-down) select element where one click selects and the second submits or something), but I've never needed to handle a double-click on a button. — nnnnnn
– nnnnnn, Commented Sep 11, 2013 at 10:51

A. Wolff · Accepted Answer · 2013-09-11 10:45:46Z

6

<input type="button" value="Click" ondblclick="console.log('double');" onclick="console.log('ones')";>

Magically, it works!

Your problem is you are using alert() which is modal and so makes your ondblclick event impossible to be fired.

answered Sep 11, 2013 at 10:45

A. Wolff

74.4k9 gold badges98 silver badges158 bronze badges

Sign up to request clarification or add additional context in comments.

5 Comments

George Over a year ago

+1, I think the explanation as to why the double click was not firing was what was needed.

Ganesh Pandhere Over a year ago

As answered by upvote, it actually lets you doubleclick but that also fires click event twice. :)

George Over a year ago

@GaneshPandhere That's a given, seeing as double = 2

A. Wolff Over a year ago

@GaneshPandhere you can still throttle click event. But i still don't know what exactly OP is looking for... Maybe expected result or not, who knows?!

Ganesh Pandhere Over a year ago

even i am not sure about what is the final result expected. :)

Voonic · Accepted Answer · 2013-09-11 10:44:44Z

2

You an give timeout for click so that alert pops up bit slow..

<input type="button" value="Click" ondblclick="alert('double')"; onclick="setTimeout(function(){alert('ones')},3000);";>

edited Sep 11, 2013 at 10:44

Voonic

4,7733 gold badges29 silver badges60 bronze badges

answered Sep 11, 2013 at 10:42

Sasidharan

3,7603 gold badges21 silver badges37 bronze badges

3 Comments

A. Wolff Over a year ago

Don't use an interval at least

Voonic Over a year ago

@GaneshPandhere now it wont

Voonic Over a year ago

Reduce the time limit for setTimeout plss, its too much :-) hehehe

Collectives™ on Stack Overflow

Javascript onclick and ondblclick in same button

2 Answers 2

5 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related