其他代码
鼠标双击事件检测jQuery插件
PetitQ
jQuery-doubleTap 是一款非常有用的鼠标双击事件或移动设备的触摸双击事件检测 jQuery 插件。该插件通过对“click”和“touch”的简单代码优化来实现鼠标双击或触摸双击事件的检测。
使用方法：
要检测双击事件需要在页面中引入 jQuery 和 jquery-doubleTap.js 文件。
也想出现在这里？联系我们吧
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="src/jquery-doubleTap.js"></script>
初始化插件：
jquery-doubleTap.js 的实现代码非常简单：首先判断是鼠标点击事件还是触摸点击事件，同时设置一个开关变量 active。然后为元素绑定相应的事件（鼠标事件或触摸事件），在事件中判断 active 是否为 true，如果是则执行绑定事件的回调函数，否则在 3.5 毫秒时间内将 active 设置为 true，这意味着如果用户在 3.5 毫秒时间内再次按行鼠标或触摸点击，双击事件就会被触发。
(function($) {
$.fn.doubleTap = function(callback) {
var active, interaction;
active = false;
interaction = ("ontouchend" in document) ? "touchend" : "click";
$(this).on(interaction, function() {
if (active) {
callback();
return active = false;
}active = true;
setTimeout(function() {
active = false;
}, 350);
});
return this;
};
}(jQuery));
实际使用中可以为 DOM 元素绑定 doubleTap()方法，如果是鼠标双击或触摸双击时执行相应的回调函数代码：
$(selector).doubleTap(function() {
$(selector).css("background", "#f00");
});
jQuery-doubleTap 插件的 github 地址为：https://github.com/dzervoudakes/jQuery-doubleTap
| 演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务，详询在线客服！
也想出现在这里？联系我们吧
