当前位置: 首页 > 网站开发 > 正文

长按鼠标左键事件jQuery实现

妙网小编 发表于2016年12月24日 15:29

长按鼠标左键事件jQuery实现

“长按鼠标左键”这个事件,这个在网页上用得比较少,而在WebApp上用得稍多点,下面用jQuery实现这个功能:

// 长按鼠标左键

(function($) {

$.extend($.fn, {

longPress: function(callback, time) {

time = time || 1000;

var timer = null;

$(this).mousedown(function() {

var i = 0;

timer = setInterval(function() {

i += 10;

if (i >= time) {

clearInterval(timer);

typeof callback == 'function' && callback.call();

}

}, 10)

}).mouseup(function() {

clearInterval(timer);

})

}

});

})(jQuery);

 

// 调用方法

$(obj).longPress(function() {

    $(this).html("test success!");

}, 500)

本文标签: 网站制作网站建设网站设计HTMLJQ
本文标题: 长按鼠标左键事件jQuery实现
本文链接: https://www.mwkj.net/m/?post=635

随机文章推荐 收藏本文

共有4447阅 / 0我要评论
  1. 还没有评论呢,快抢沙发~

发表你的评论吧返回顶部

!评论内容需包含中文

请勾选本项再提交评论