Skip to content

Instantly share code, notes, and snippets.

@bign8
Forked from ncr/README
Last active April 1, 2018 12:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save bign8/3092870 to your computer and use it in GitHub Desktop.
Save bign8/3092870 to your computer and use it in GitHub Desktop.
jQuery plugin to allow single and double click handlers on an element

Code

$("button").single_double_click(function () {
  alert("Try double-clicking me!")
}, function () {
  alert("Double click detected, I'm hiding")
  $(this).hide()
})

Markup

<button>Click Me!</button>
// Author: Jacek Becela
// Source: http://gist.github.com/399624
// License: MIT
jQuery.fn.single_double_click = function(single_click_callback, double_click_callback, timeout) {
return this.each(function(){
var clicks = 0, self = this;
jQuery(this).click(function(event){
clicks++;
if (clicks == 1) {
setTimeout(function(){
if(clicks == 1) {
single_click_callback.call(self, event);
} else {
double_click_callback.call(self, event);
}
clicks = 0;
}, timeout || 300);
}
});
});
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment