簡單的寫一了一個基于jquery：

(function($) {

$.extend($.fn, {

longPress : function(time,callBack){

time = time || 1000;

var timer = null;

$(this).mousedown(function(e){

var i = 0;

var _this = $(this);

timer = setInterval(function(){

i+=10;

if(i >= time) {

clearTimeout(timer);

var positionX = e.pageX - _this.offset().left || 0;

var positionY = e.pageY - _this.offset().top || 0;

typeof callBack == 'function' && callBack.call(this,positionX,positionY);

}

},10)

}).mouseup(function(){clearTimeout(timer);})

}

});

}) (jQuery);

用法：

obj.longPress(500,function(){

//長按 500 毫秒觸發(fā)

});

將鼠標(biāo)在當(dāng)前元素的x,y軸坐標(biāo)返回：

obj.longPress(800,function(x,y){

//長按 800 毫秒觸發(fā)

alert("x:"+x+',y:'+y);

});

完整例子：

longPress

$('.test').longPress(500,function(x,y){

alert("x:"+x+',y:'+y);

//觸發(fā)事件

})

總結(jié)

以上是生活随笔為你收集整理的html鼠标长按事件,JavaScript-web如何获取长按鼠标左键事件的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。