本文探讨了移动端触控事件中.stop与.prevent的作用，并介绍了一种解决按钮长按时误触发文本复制功能的方法。通过将@click事件替换为@touchstart.prevent，可以在用户手指接触按钮时立即响应，避免长按操作。
事件后跟.stop 与.prevent 的作用：
.stop 阻止事件冒泡
.prevent 阻止事件的默认行为
可以连起来用 类似 @touchstart.stop.prevent ，可以起到.stop与.prevent双者的作用
项目中遇到需屏蔽移动端长按复制的需求，正常的通过 css -webkit-user-select: none能起到屏蔽作用，但偏偏还遇到有的文本还想保留长按可选择，又不想像京东淘宝那样长按调出复制按钮。
但遇到问题是，如果有文本要长按可复制需要单独设置 -webkit-user-select: text;，但当其他地方按钮长按的时候也会激活文本上的复制功能。
最终选择在关键按钮上把@click事件改成 @touchstart.prevent，这样最终实现效果，当手指接触到按钮时，还没触发长按就已经调用按钮的事件了
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
