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

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

移动端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://blog.51cto.com/btkape/2052755

你可能感兴趣的文章
猛醒:也许我们一生追求的都错了!
查看>>
IDDD 实现领域驱动设计-理解领域和子域
查看>>
GitHub基本操作
查看>>
微信开发(01)之如何成为开发者
查看>>
Redis 中的事务
查看>>
canvas使用3
查看>>
怎么创建MongoDB数据库
查看>>
Quart2D图形上下文
查看>>
html5 canvas旋转+缩放
查看>>
QtGui.QSplitter
查看>>
前端进阶试题css(来自js高级前端开发---豪情)既然被发现了HOHO,那我就置顶了嘿嘿!觉得自己技术OK的可以把这套题目做完哦,然后加入高级前端的社区咯...
查看>>
ODAC(V9.5.15) 学习笔记(十九)主键值自动生成
查看>>
MVC4 WebApi开发中如果想支持Session请做好如下几个方面的问题
查看>>
Android中View绘制流程以及invalidate()等相关方法分析
查看>>
nicehair
查看>>
Hibernate工作原理
查看>>
《双龍形态操盘秘笈》
查看>>
怎样查看apk须要支持的Android版本号
查看>>
各种机械键盘轴线之间的差究竟好轴
查看>>
攻略三战的完美体验3Castle Fantisia阿兰·梅希亚战争艾伦西战记它包含重做版本(这是新的艾伦·梅希亚大战)...
查看>>