触摸事件
本话题发布触摸事件相关的问答文章和技术分享，将持续更新，为您推荐了20篇问答，访问即可查看更多精彩内容。
-
1
回答
28浏览
为什么给 touchmove 加 passive: false 会报控制台警告？
我在做一个移动端的拖拽组件，为了阻止默认滚动行为，给 touchmove 事件加了 { passive: false }，但 Chrome 控制台一直提示“Consider marking event...
-
2
回答
33浏览
多点触控时如何防止页面缩放但保留自定义手势？
我在做一个移动端的画板应用，想禁用浏览器默认的双指缩放，但又希望用自己的 JavaScript 逻辑处理 pinch 手势。试过在 meta 里加 user-scalable=no，但 iOS 上还是...
-
1
回答
28浏览
移动端点击为什么有300ms延迟？怎么解决？
我在做移动端页面时发现，用 click 事件绑定按钮，点完要等一下才有反应，明显卡顿。查了下说是300ms延迟的问题，但我不太明白这延迟是哪来的？ 试过直接用 touchstart 代替 click，...
-
1
回答
21浏览
移动端点击事件冒泡怎么阻止？
我在用 Vue 做一个弹窗，里面有个按钮要阻止点击事件冒泡到外层遮罩，但用了 @click.stop 好像没生效？ 在真机上点按钮还是会触发外层的关闭逻辑，是不是移动端 touch 事件和 click...
-
2
回答
49浏览
touchend 事件在移动端不触发是怎么回事？
我在做一个滑动切换图片的功能，监听了 touchstart 和 touchmove，但 touchend 好像经常没反应，尤其是在快速滑动后松手的时候。 我试过给元素加了 touch-action: ...
-
1
回答
70浏览
移动端 touchend 事件怎么阻止冒泡才有效？
我在做移动端的一个滑动删除功能，父容器和子元素都绑定了 touchend 事件，点击子元素时父级也会触发，试了 stopPropagation() 却没用，是不是写法有问题？ element.addE...
-
2
回答
44浏览
targetTouches 在多指触摸时怎么获取正确的手指信息？
我在做移动端的手势缩放功能，监听 touchmove 事件时想通过 event.targetTouches 获取当前接触屏幕的手指列表，但发现有时候拿到的数组长度和实际触摸的手指数对不上，这是为啥？ ...
-
1
回答
29浏览
移动端点击穿透问题怎么解决？
我在做移动端弹窗时，点击关闭按钮后，下面的元素也被触发了，这应该是点击穿透吧？ 试过用 preventDefault() 和 stopPropagation()，但好像没用。弹窗是用 fixed 定位...
-
2
回答
37浏览
FastClick 在 iOS 15 上失效了吗？
我之前在移动端项目里用了 FastClick 来消除 300ms 延迟，但最近测试发现 iOS 15 上点击还是有明显延迟，FastClick 好像没起作用。 我引入的方式是 import FastC...
-
2
回答
43浏览
移动端 touch 事件延迟怎么解决？
我在做移动端的按钮点击功能，发现用 click 事件会有明显延迟，大概300ms左右，用户体验很差。听说要用 touch 事件来优化，但我试了 touchstart 又会触发多次，还和滚动冲突。 有没...
-
2
回答
43浏览
为什么 touchstart 事件在 iOS 上有时不触发？
我在做一个移动端的滑动组件，用了 touchstart 监听手指按下，但在 iPhone 上经常点好几次才触发一次，安卓却正常。 试过给元素加 cursor: pointer 和 touch-acti...
-
2
回答
36浏览
移动端点击为什么有300ms延迟？怎么解决？
我在用 Vue 做一个移动端的按钮，点下去总感觉卡一下才触发，查了下说是 300ms 延迟的问题。试过加 touch-action: manipulation，但好像没用，求问怎么彻底解决？ 这是我的...
-
2
回答
39浏览
为什么触摸事件在事件委托时target总是父元素？
在移动端用事件委托处理多个.item元素的touchstart事件，但发现e.target始终返回父元素div.box，而不是实际点击的子元素。我尝试过把事件绑定到父元素并用closest()方法筛选...
-
2
回答
27浏览
React中使用FastClick为什么还是有300ms延迟？
我在React项目移动端按钮点击时还是有明显的300ms延迟，明明已经引入了FastClick。按照文档在componentDidMount里初始化了，但点击按钮还是有延迟，甚至有时候会触发两次事件....
-
2
回答
62浏览
changedTouches在移动触控中如何获取多个手指的坐标？
我在开发一个移动端绘画功能时遇到问题，当用户用多手指触控屏幕时，想通过changedTouches获取所有手指的坐标，但发现只能拿到最后一个手指的数据。比如用两个手指同时移动时，canvas上只显示一...
-
2
回答
235浏览
React中touchend事件在移动端为什么没触发？
我在用React写移动端滑动删除功能时遇到问题，给元素绑定了touchstart和touchend事件，但结束触摸时事件没反应。手指离开屏幕后控制台只打印了touchstart，touchend完全没...
-
2
回答
46浏览
changedTouches为什么包含多个触点时无法正确跟踪触摸移动？
我在移动端用touchmove事件处理多点触控时发现，当changedTouches里有多个触点时，怎么都拿不到某个特定触点的移动轨迹？比如用类似这样设置的圆点元素： .touch-point { p...
-
2
回答
77浏览
FastClick初始化后移动端按钮还是有点击延迟怎么办？
在Ionic项目里用了FastClick，但页面按钮点击还是有300ms延迟，特别是嵌套在ion-item里的自定义按钮。按照文档初始化了： import FastClick from 'fastcl...
-
2
回答
77浏览
changedTouches属性在多点触控时如何区分？
最近在做一个需要支持多点触控的手势操作的功能，用到了touch事件里的changedTouches。但是发现当两个手指同时移动时，changedTouches里面会同时包含两个触摸点的信息，有点分不清...
-
2
回答
75浏览
touchcancel事件什么时候会触发
最近在做一个基于触摸的拖拽功能，发现有时候拖着拖着就突然停止了，看控制台输出才注意到是触发了touchcancel。这个事件一般什么情况下会被触发呢？
