鼠标点击 jquery-鼠标双击或触摸双击暴风检查jQuery插件

也想出现在这里？点击联系我~

立即下单

进入商城

进不了网站？换个网络试试！

jQuery-doubleTap是一款非常好用的jQuery插件鼠标点击 jquery，用于联通设备的键盘双击或触摸双击检查。 该插件通过对“点击”和“触摸”的简单代码优化，实现了键盘双击或触摸双击风暴的测量。

如何使用

要检查双击风暴鼠标点击 jquery，需要在页面中引入 jQuery 和 jquery-doubleTap.js 文件。

初始化插件

jquery-doubleTap.js的实现代码非常简单：首先判断是鼠标点击事件还是触摸点击事件，同时设置一个switch变量active。 然后给元素绑定对应的storm（鼠标风暴或者触摸风暴），判断storm中的active是否为true，如果是则执行绑定的storm的回调函数，否则在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));
                

实际使用时，可以将doubleTap()方法绑定到DOM元素上。 如果是键盘双击或者触摸双击，则执行对应的回调函数代码：

$(selector).doubleTap(function() {
    $(selector).css("background", "#f00");
});                  
                

jQuery-doubleTap插件的github地址是：