移动端触摸touchstart监听事件[通俗易懂]

移动端触摸touchstart监听事件[通俗易懂]click、mousedown等事件适用于PC端,在移动端会有一定时间的延迟,所以更好的优化移动端体验,要用touch事件,1、首先要添加一个监听事件,监听移动端行为element.addEventListener(event,function,useCapture)我这里是针对浏览器行为,所以监听事件为//添加触摸监听事件,如果手指触摸到阴影…

大家好,又见面了,我是你们的朋友全栈君。

click、mousedown等事件适用于PC端,在移动端会有一定时间的延迟,所以更好的优化移动端体验,要用touch事件,

1、首先要添加一个监听事件,监听移动端行为

element.addEventListener(event, function, useCapture)

移动端触摸touchstart监听事件[通俗易懂]

我这里是针对浏览器行为,所以监听事件为

        // 添加触摸监听事件,如果手指触摸到阴影区域,弹出层消失!
         document.addEventListener('touchstart',touch, false)
         function touch(event){
             var event=event || window.event;
             if(!$(event.target).is($('.menu-list'))&&$(event.target).parent('.menu-list').length===0){
                         $(".layer").hide(); 
                     }
         }

2、监听行为,如果一旦触摸开始,事件就会执行

移动端触摸touchstart监听事件[通俗易懂]

 

转载于:https://www.cnblogs.com/xxflz/p/9714530.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/150805.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)
blank

相关推荐

  • JAVA贪吃蛇小游戏源代码系列

    JAVA贪吃蛇小游戏源代码系列Java贪吃蛇小游戏元源代码

  • C语言基础[通俗易懂]

    C语言基础[通俗易懂]C语言基础

  • python字典和json字符串相互转化的方法_Python读取json

    python字典和json字符串相互转化的方法_Python读取json序列化与反序列化按照某种规则,把内存中的数据保存到文件中,文件是一个字节序列,所以必须要把内存数据转换成为字节序列,输出到文件,这就是序列化;反之,从文件的字节恢复到内存,就是反序列化;pytho

  • EtherCAt总线运动控制_运动控制器ethercat

    EtherCAt总线运动控制_运动控制器ethercat运动控制器作为数控系统的核心部件,在高端机器人、数控机床、工业自动化等领域得到了广泛的应用。本文以实际工程应用为背景,以研制高效、高可靠性、功能丰富的运动控制器为目标,对运动控制器及运动控制算法进行了研究与分析,对于实现高速、高效、高精度的运动控制具有重要的理论意义和实际应用价值。基于ARM+FPGA的硬件架构,提出了硬件设计的总体方案。设计了运动控制器的硬件电路及主控制板和扩展板,搭建了三维运动控制平台。提出了运动控制器软件设计的总体方案,基于MODBUS协议,设计了串口通

    2022年10月14日
  • java基础练习题(含答案)[通俗易懂]

    java基础练习题(含答案)[通俗易懂]7、数组操作题一现在有如下一个数组:intoldArr[]={1,3,4,5,0,0,6,6,0,5,4,7,6,7,0,5},要求将以上数组中值为0的项去掉,将不为0的值存入一个新的数组,生成的新数组为:intnewArr[]={1,3,4,5,6,6,5,4,7,6,7,5}intoldArr[]={1,3,4,5,0,0,6,6,0,5,4,7,6,7,0,5};intcount=0;for…

  • php二维码分享到朋友圈,php实现的微信分享到朋友圈并记录分享次数功能

    php二维码分享到朋友圈,php实现的微信分享到朋友圈并记录分享次数功能本文实例讲述了php实现的微信分享到朋友圈并记录分享次数功能。分享给大家供大家参考,具体如下:1.引入JS文件2.通过config接口注入权限验证配置3.通过ready接口处理成功验证4.通过error接口处理失败验证JSDK档说明:https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html(1)(2)页面加入获取we…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号