Combine jQuery click And dblclick Events With oneOrDoubleclick Plugin
File Size: | 7.28 KB |
---|---|
Views Total: | 418 |
Last Update: | |
Publish Date: | |
Official Website: | Go to website |
License: | MIT |

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.
How to use it:
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.