移动端触摸touchstart监听事件

最新推荐文章于 2024-08-19 19:47:14 发布

weixin_34334744

最新推荐文章于 2024-08-19 19:47:14 发布

阅读量2.2k

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 游戏 ViewUI

原文链接：http://www.cnblogs.com/xxflz/p/9714530.html

本文介绍如何使用touch事件优化移动端用户体验，避免click、mousedown等事件在移动端的延迟问题。通过监听touchstart事件，实现当手指触碰阴影区域时，弹出层消失的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

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

element.addEventListener(event, function, useCapture)

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

        // 添加触摸监听事件，如果手指触摸到阴影区域，弹出层消失！
         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(); 
                     }
         }