标签长按事件

杨愿

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta charset="UTF-8">
<title>长按事件</title>
<link rel="stylesheet" type="text/css" href="../css/aui.css"/>
</head>
<body>
<div class="aui-content-padded">
<div id="touchArea"class="aui-btn aui-btn-block">长按区域</div>
</div>
<script src="../script/jq.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
var time=0;
$(function(){
$("#touchArea").on({
touchstart: function(e){
console.log("开始");
time = setTimeout("fnLongPress()",500);
e.preventDefault();
},
touchmove: function(){
console.log("移动");
clearTimeout(time);
time = 0;
},
touchend: function(){
console.log("结束");
clearTimeout(time);
if(time!=0){
alert("你这是点击，不是长按");
};
return false;
}
});
});
function fnLongPress(){
time = 0;
alert("长按事件触发");
};
</script>
</body>
</html>

复制代码

gigie

感谢分享。

得呤

感谢分享

Goldshi

不知道楼主有没有测试在ios上反应不灵敏的问题需要轻触长按才行不知道这是不是苹果的机制所导致的

杨愿

Goldshi 发表于 2019-1-23 11:57
表示并没有触发没看你的之前写的跟你是一模一样的操作，就想问下你是否在ios 里面进行测试过 ...

没在ios测试。这是H5+js 理论上不应该出现

Goldshi

杨愿发表于 2019-1-23 14:48
没在ios测试。这是H5+js 理论上不应该出现

结合实践会更好的

杨愿

Goldshi 发表于 2019-1-23 16:54
结合实践会更好的

试了好用

Goldshi

杨愿发表于 2019-1-23 17:00
试了好用

好吧我这是不好用的客户一直在反馈不好点不灵敏自己测试也是强点就不行也许我的数据是动态的原因吧谢谢您的回答

易大侠

感谢分享

星梦网路

你这个，如果是列表，在标签上下拉或者上拉的话，也要触发长按事件，而且是稍微一摸就触发了，体验很不好，设置setTimeout 的时间也根本不管用，请问有解决办法吗