移动端兼容判断单击和双击事件
更新:2023-03-15 16:54:10
人气:33
来源:本站原创
A+
移动端兼容判断单击和双击事件,费话不想说了,直接上代码:
<input name="double_click" id="double_click" type="hidden" value="" />
<script>
//兼容移动端焦点定位,主要用于兼容安卓班牌的触屏
$(function() {
//console.log($('.box'));
function double_click(){
setTimeout(function() {
$("#double_click").val('')
}, 500)
}
//此处与双击冲突,都会造成,改成任意位置长按,
$("body").on({
touchstart: function(e) {
clickd_id=$(e.target).attr("id");
console.log(clickd_id+"1")
vvl=$("#double_click").val();
if (vvl=='1'){
//console.log("双击")
if (clickd_id=='anniu_index'){
system_out()
}
}else{
//console.log("单击")
}
$("#double_click").val('1')
double_click();
$("#xueyuan_card").focus()
//长按触发事件
timeOutEvent = setTimeout(function() {
timeOutEvent = 0;
$("#xueyuan_card").focus()
}, 1000)
},
touchmove: function(e) {
//clickd_id=$(e.target).attr("id");
//console.log(clickd_id+"2")
clearTimeout(timeOutEvent);
timeOutEvent = 0;
$("#xueyuan_card").focus()
},
touchend: function(e) {
//clickd_id=$(e.target).attr("id");
//console.log(clickd_id+"3")
clearTimeout(timeOutEvent);
if (timeOutEvent != 0) {
$("#xueyuan_card").focus()
}
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个神奇常量快速获取目录、文件名和行号