JQ移动端页面监听单击、长按、拖动事件
更新:2023-03-14 13:29:41
人气:540
来源:本站原创
A+
JQ移动端页面监听单击、长按、拖动事件,直接看代码:
<div class="box">按钮</div>
<script>
$(function() {
//console.log($('.box'));
$(".box").on({
touchstart: function(e) {
//长按触发事件
timeOutEvent = setTimeout(function() {
timeOutEvent = 0;
alert("你长按了");
}, 1000)
},
touchmove: function() {
clearTimeout(timeOutEvent);
timeOutEvent = 0;
alert('移动了')
},
touchend: function() {
clearTimeout(timeOutEvent);
if (timeOutEvent != 0) {
alert("你点击了");
}
return false;
}
});
});
</script>
推荐的文章
随手记
PHP经验分享
- ● MySQLSUM在没有符合查询条件时返回结果为空的处理办法
- ● 如何开启PHP8的JIT提升运行速度
- ● 钉钉API接口-用PHP+Curl实现获取用户信息
- ● 钉钉API接口-用PHP+Curl实现获取应用Access_Token
- ● 在PHP中使用CURL,“撩”服务器只需几行——phpcurl详细解析和常见大坑
- ● MySQLInnodb并发涉及参数说明
- ● mysql参数调优之innodb_thread_concurrency、innodb_concurrency_tickets合理的使用cpu性能
- ● PHP用fsockopen检测指定IP端口是否开启可用
- ● PHP用socket检测服务器IP端口是否开放?代码示例
- ● GatewayWorker报错:Waring:Events::onMessageisnotcallable