博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
framework7 vue touch事件 阻止click事件失效
阅读量:6036 次
发布时间:2019-06-20

本文共 941 字,大约阅读时间需要 3 分钟。

hot3.png

移动端web开发:使用framework7 + vue 某个事件需要在web端触发click事件和在移动端触发touch事件

document.getElementById("widget-head").addEventListener("touchstart",function(e){    e.preventDefault();    console.log('1');  });  document.getElementById("widget-head").addEventListener("touchend",function(e){    e.preventDefault();    console.log('2');  });  document.getElementById("widget-head").addEventListener("click",function(e){    console.log('3');  });        正常在移动端应该打印 “1,2” 只触发touch事件,在web端应该打印 “3” 只触发click事件        结果打印出的为 1,2,3 说明  e.preventDefault() 未生效        原因:因为使用的framework7 初始化应用的时候,是默认设置fastClicks:true的造成了e.preventDefault()失效        解决方式:初始化时声明为false        new Vue({                el: '#app',                template: '
', framework7: { root: '#app', routes: Routes, fastClicks: false }, });

转载于:https://my.oschina.net/kisshua/blog/2874060

你可能感兴趣的文章
Speak loudly
查看>>
iOS-在项目中引入RSA算法
查看>>
[译] 听说你想学 React.js ?
查看>>
gulp压缩合并js与css
查看>>
块级、内联、内联块级
查看>>
Predicate
查看>>
[面试题记录01]实现一个function sum达到一下目的
查看>>
这个季节的忧伤,点到为止
查看>>
mysql通过配置文件进行优化
查看>>
省级网站群建设关注点
查看>>
工作第四天之采集资源
查看>>
我的友情链接
查看>>
H3CS-WLAN、H3CSE-Security认证考试
查看>>
5.0中redis-cli的集群管理测试
查看>>
TFS 2012研发管理能力(5)
查看>>
四种LaunchMode及其使用场景
查看>>
通过vbs脚本备份数据-本地到异地
查看>>
tomcat介绍和安装
查看>>
UIButton的titleLabel不同状态字体判断
查看>>
我的友情链接
查看>>