解决vue的touchStart事件及click事件冲突问题
一 、问题: 今天遇到这样问题,给某个元素同时绑定touchStart及click事件后,若在移动设备上,当你点击时,会依次出发这两个事件。因为移动端设备上的click事件触发是会延迟300ms,所以touchStart事件会先触发后再触发click事件。这样导致每次都要执行两次,这样毫无意义。这里提醒下,PC是无法识别touch相关事件 二、解决方式 (1)preventDefault方法 通过使用preventDefault方法(阻止元素默认事件行为的发生)来解决。在touchstart中添加 e.preventDefault()就可以阻止click事件触发。 模板 <ul cl
用户评论
推荐下载
-
Angularjs为ng_click事件传递参数
在angularjs开发中,我们需要为ng-click事件传递一个参数。在js中,可以接到参数:演示:
4 2021-10-04 -
ListView和Button点击事件冲突处理
ListView和Button点击事件冲突处理,绝对有效,希望对各位有用
35 2019-07-06 -
Vue动画事件详解及过渡动画实例
通过 Vue.js 的过渡系统,可以在元素从 DOM 中插入或移除时自动应用过渡效果。Vue.js 会在适当的时机为你触发 CSS 过渡或动画,你也可以提供相应的 JavaScript 钩子函数在过渡
15 2020-10-27 -
JavaScript事件流事件处理程序及事件对象总结
JS与HTML之间的交互通过事件实现。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间。可以使用监听器(或处理程序)来预定事件,以便事件发生时执行相应的代码。本文将介绍JS事件相关的基础知识。
13 2020-10-31 -
vue监听滚动事件的方法
vue监听滚动事件的方法
16 2021-09-13 -
解决vue项目中type file change事件只执行一次的问题
主要介绍了vue项目中解决type=”file“ change事件只执行一次的问题,本文给大家介绍的非常详细,需要的朋友可以参考下
8 2020-11-06 -
vue使用scroll监听滚动事件时scroll无效问题的解决方法详解
主要介绍了vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法,结合实例形式分析了@scroll监听滚动事件无效问题的原因及相应的解决方法,需要的朋友可以参考下
9 2020-10-28 -
vue.js中v on textInput无法执行事件问题的解决过程
大家都知道vue.js通过v-on完成事件处理与绑定,但最近使用v-on的时候遇到了一个问题,所以下面这篇文章主要给大家介绍了关于vue.js中v-on:textInput无法执行事件问题的解决过程,
14 2020-10-28 -
解决Vue.js父组件on无法监听子组件emit触发事件的问题
今天小编就为大家分享一篇解决Vue.js父组件$on无法监听子组件$emit触发事件的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
20 2020-11-06 -
vue双击事件2.0事件监听点击双击鼠标事件和事件修饰符操作
主要介绍了vue双击事件2.0事件监听(点击-双击-鼠标事件)和事件修饰符操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
19 2020-10-27
暂无评论