Jquery 长按事件的实现

;(function($,window,documnet){

function registerLongPressEvent(target,cbk,timeInterval) {

var timer;

var evt = document.createEvent('Event');

evt .initEvent('longPress', true, true);

target.addEventListener('mousedown', function() {

timer=setTimeout(function(){

target.dispatchEvent(evt);

},timeInterval);

}, false);

target.addEventListener('mouseup', function() {

clearTimeout(timer);

}, false);

target.addEventListener('longPress',cbk, false);

}

$.fn.addEvent=function(name,cbk){

return this.each(function(){

var $this=$(this);

cbk=cbk||function(){};

switch (name){

case 'longPress':

registerLongPressEvent($this[0],cbk,1000);

break;

default:

break;

}

});

}

$.fn.longPress=function(cbk){

return this.each(function(){

var $this=$(this);

cbk=cbk||function(){};

registerLongPressEvent($this[0],cbk,1000);

});

}

})(jQuery,window,document,undefined);

原创文章,作者:ikme,如若转载,请注明出处:https://ikme.cn/JavaScript/3.html

打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2024-4-19 10:02
下一篇 2024-4-19 14:28
版权所有:ikme
文章标题:Jquery 长按事件的实现
除非注明,文章均为 ikme 原创,转载请注明作者和出处 ikme
收藏

扫描二维码,在手机上阅读

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

验证码