Combine jQuery click And dblclick Events With oneOrDoubleclick Plugin

Combine jQuery click And dblclick Events With oneOrDoubleclick Plugin

oneOrDoubleclick is a jQuery plugin to replace the jQuery click and dblclick events that trigger appropriate functions when an element is clicked or double clicked.

1. Download and place the minified version of the jQuery oneOrDoubleclick plugin after jQuery library.

<script src="https://code.jquery.com/jquery-1.12.4.min.js" 
        integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" 
        crossorigin="anonymous">
</script>
<script src="dist/jquery-oneordoubleclick.min.js"></script>

2. Call the function on the target element and execute your own functions when the element is clicked or double clicked.

<div class="demo">
  Click & Dbclick Me
</div>
$(function(){
  $('.demo').oneordoubleclick({oneclick: function(){
    alert('you have clicked this node.');
  }, dblclick: function() {
    alert('you have double clicked this node.');
  }
  });
});

3. Set the interval of a click. Default: 400ms.

$('.demo').oneordoubleclick({
  interval: 500,
  oneclick: function(){
  alert('you have click this node.');
}, dblclick: function() {
  alert('you have double click this node.');
}
});

This awesome jQuery plugin is developed by sgyyz. For more Advanced Usages, please check the demo page or visit the official website.

  • Publication date: 10.01.2019
  • Source