Guys is it possible to create double click event for the a href using jquery
Add a comment
|
2 Answers
The problem with performing an action on double click of an anchor is that the page will redirect on the first click, preventing the double click from responding in time.
If you want to "intercept" the click event so that the double click event has a chance to fire before the page redirects, then you may have to set a timeout on the click like this:
$('a').click(function () {
var href = $(this).attr('href');
// Redirect only after 500 milliseconds
if (!$(this).data('timer')) {
$(this).data('timer', setTimeout(function () {
window.location = href;
}, 500));
}
return false; // Prevent default action (redirecting)
});
$('a').dblclick(function () {
clearTimeout($(this).data('timer'));
$(this).data('timer', null);
// Do something else on double click
return false;
});
3 Comments
Dead Programmer
thanks using this can i assign a href with diffrent id with same function and different parameters.
cc young
in chrome this does not work. used only click trigger, and timer to see whether a second click came in to make it a double click
Jasper Mogg
works in Chrome now, apparently - jsfiddle.net/jaspermogg/pFyNY/5 - double click on the
as in the 'result' box to edit, or single click to visit. Thanks @Box9 for this - it's awesome!if you a link has id of "id", then:
$("#id").bind("dblclick", ....);
1 Comment
Kris Ivanov
and Yes, A tag does support double-click, w3schools.com/tags/tag_a.asp, I guess you have to be really fast to do it, I do not recommend it