onresize事件会被多次触发_如何修复移动浏览器上 touchend 事件不触发的bug

最近做移动端一个简单的下拉刷新功能，遇到移动端浏览器touchend事件不触发的bug

监听一个 DOM 元素的 touchstart, touchmove, touchend 事件。

如果只是 touch 一下这个 DOM 元素, 会触发 touchstart, touchend, 很正常。

如果按住这个 DOM 元素, 滑动一下后放手, 发现只会触发 touchstart, touchmove, 而且 touchmove 没有触发多次.

因此这个bug的触发点就是:

如果触发了 touchmove, touchend 就不会被触发了, 而且 touchmove 没有持续触发.

在网上收集了一些资料后发现此乃移动浏览器上的bug.

如何修复这个bug

----------------

很简单, 只要在 touchstart 的时候调用下 event.preventDefault(), 即可让其他事件都正常被触发了!

onresize事件会被多次触发_如何修复移动浏览器上 touchend 事件不触发的bug相关推荐

机械键盘按键重复_如何修复机械键盘上的卡住或重复键
机械键盘按键重复 Mechanical keyboards are great! But they're also more complex than conventional keyboards. ...
onresize事件会被多次触发_玩转SpringBoot之通过事件机制参与SpringBoot应用的启动过程...
生命周期和事件监听一个应用的启动过程和关闭过程是归属到"生命周期"这个概念的范畴. 典型的设计是在启动和关闭过程中会触发一系列的"事件",我们只要监听这些事件 ...
html js不触发_图文详解鼠标事件CSS:hover和JS:mouseover的区别
在工作中为了使页面更具有吸引力,前端开发人员经常会在页面中加上鼠标移入和移出的效果.鼠标移入移出的设置,一般有两种方法,一种是单纯用CSS中的hover伪类,另一种可以用JS 中的DOM事件,即onm ...
click事件在什么时候出发_剖析setTimeout和click点击事件的触发顺序
下面是一段非常简单的JavaScript代码 dianji setTimeout(function () { alert('timer handler') }, 2000) function test ...
onbeforeunload不触发_各浏览器对 onbeforeunload 事件的支持与触发条件实现有差异
标准参考无. 问题描述一般情况下,onbeforeunload 事件处理函数内会写入一些提示性语句,当用户的浏览器跳转到其他页面时,用来提醒用户当前页面将要跳转,请用户决定是否观看新页面. 或者在 ...
java eventhandler 触发_事件委托 EventHandler
事件就是当对象或类状态发生改变时,对象或类发出的信息或通知.发出信息的对象或类称为"事件源",对事件进行处理的方法称为"接收者",通常事件源在发出状态改变信息时 ...
java eventhandler 触发_事件、委托、委托方法的总结（使用EventHandler）
在C#中,定义事件.委托.委托方法可以使用类库内的EventHandler泛型委托来定义事件.并根据该泛型委托定义实现方法: 同样您也可以自定义委托来定义事件以及根据自定义的委托来定义实现事件的方 ...
双 JK 触发器 74LS112 逻辑功能。真值表_【第十章】触发器和事件
Mosh_完全掌握SQL课程_学习笔记数据概要 [第十章]触发器和事件 Triggers and Events (时长22分钟) 1. 触发器 Triggers (7:31) 小结触发器是在插入. ...
onpaste事件不生效_从实际开发中来看JavaScript事件循环的使用场景
前言: 本文是介绍结合DOM事件流和JavaScript事件循环解决一个工作中的实际问题的过程,很多东西不只是面试的时候才会用得到文中涉及到的代码demo地址:drag-and-eventloop ...

onresize事件会被多次触发_如何修复移动浏览器上 touchend 事件不触发的bug

onresize事件会被多次触发_如何修复移动浏览器上 touchend 事件不触发的bug相关推荐

最新文章

热门文章