点击事件在移动与Pc端的不同处理

最新推荐文章于 2022-08-19 09:12:08 发布

风吹@头皮凉

最新推荐文章于 2022-08-19 09:12:08 发布

阅读量453

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 js 文章标签：事件

本文链接：https://blog.youkuaiyun.com/S3328047358/article/details/98312563

前端同时被 2 个专栏收录

54 篇文章

订阅专栏

49 篇文章

订阅专栏

本文介绍了一种在JavaScript中根据浏览器特性自动选择合适的触摸或点击事件监听方式的方法。通过检查浏览器是否支持ontouchstart属性来判断设备是否为触摸屏，并据此设置事件监听器。这种方法可以确保在不同类型的设备上都能正确响应用户的交互。

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

const Button = document.getElementById("targetButton")
const clickEvent = (function() {
 if ('ontouchstart' in document.documentElement === true)
 return 'touchstart';
 else
 return 'click';
})();
 
Button.addEventListener(clickEvent, e => {
   console.log("things happened!")
})