JQ移动端页面监听单击、长按、拖动事件
更新:2023-03-14 13:29:41
人气:27
来源:本站原创
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经验分享
- ● mysql错误:Foundoptionwithoutprecedinggroupinconfigfile
- ● PHP如何从一个数组数据列表中随机取其中的数值?
- ● PHP获取用户访问IP地址的5种方法
- ● PHP用imagerotate旋转图片和等比缩放压缩、添加水印
- ● php怎么把时间转成数字
- ● 利用PHPflush函数在运行过程中直接打印输出结果
- ● php与JavaScript的正则表达式使用方法是否一样?
- ● PHP中preg_match()和preg_match_all()正则表达式的用法区别
- ● PHP批量向百度主动推送URL加快收录的示例代码
- ● 使用PHP中3个神奇常量快速获取目录、文件名和行号