首页 > 代码库 > 移动端长按事件
移动端长按事件
第一种方法:这个例子我获取不到当前长按元素;
$.fn.longPress = function(fn) {
var timeout = undefined;
var $this = this;
for(var i = 0;i<$this.length;i++){
$this[i].addEventListener(‘touchstart‘, function(event) {
timeout = setTimeout(fn, 800); //长按时间超过800ms,则执行传入的方法
}, false);
$this[i].addEventListener(‘touchend‘, function(event) {
clearTimeout(timeout); //长按时间少于800ms,不会执行传入的方法
}, false);
}
}
调用:
$(‘.object‘).longPress(function(){
//do something...
});
第二种方法:这个方法能获取到当前元素;
var timeOutEvent=0,cardId;
$(".card-list li").on({
touchstart: function(e){
var that = this;
timeOutEvent = setTimeout(function () {
//长按触发事件
timeOutEvent = 0;
alert(‘我在长按‘);
},800);
// e.preventDefault();
},
touchmove: function(){
clearTimeout(timeOutEvent);
timeOutEvent = 0;
},
touchend: function(){
clearTimeout(timeOutEvent);
// return false;
}
})
移动端长按事件
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。