欢迎您来到,李雷博客 | PHP博客        登录  |  注册

移动端兼容判断单击和双击事件

更新:2023-03-15 16:54:10
人气:845
来源:本站原创
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>
    
推荐的文章
# 发表我的评论
  /     /  
# 最近评论
暂时还没有评论,要不要说点什么?
  Ads by Google
  联系博主
Hello,本博客系统采用PHP和MySql开发,程序开发完全是因为个人爱好,是自己纯手写PHP源代码,未采用任何PHP框架!
QQ:858353007   微信号:lileihot123
网站地图
会员服务
关于我们
QQ:858353007
 
广告服务
加我微信
移动端访问
 
 
Copyright © 2014- 2025 www.mdaima.com All Rights Reserved.
李雷博客,专注PHP经验、PHP教程及PHP源代码开源下载分享的PHP博客!   ICP备案号:京ICP备10202169号-4