.prevent 与 .stop,以及解决其他地方长按,文本被选中的问题
事件后跟.stop 与.prevent 的作用:
.stop
阻止事件冒泡
.prevent
阻止事件的默认行为
可以连起来用 类似 @touchstart.stop.prevent
,可以起到.stop与.prevent双者的作用
项目中遇到需屏蔽移动端长按复制的需求,正常的通过 css -webkit-user-select: none
能起到屏蔽作用,但偏偏还遇到有的文本还想保留长按可选择,又不想像京东淘宝那样长按调出复制按钮。
但遇到问题是,如果有文本要长按可复制需要单独设置 -webkit-user-select: text;
,但当其他地方按钮长按的时候也会激活文本上的复制功能。
最终选择在关键按钮上把@click
事件改成 @touchstart.prevent
,这样最终实现效果,当手指接触到按钮时,还没触发长按就已经调用按钮的事件了
.prevent 与 .stop,以及解决其他地方长按,文本被选中的问题相关推荐
- C#进行Post请求(解决url过长的问题)
C#进行Post请求(解决url过长的问题) 参考文章: (1)C#进行Post请求(解决url过长的问题) (2)https://www.cnblogs.com/xiewei123/p/109025 ...
- C++ text search文本检索在较长的文本段落中搜索单词的算法(附完整源码)
C++ text search文本检索在较长的文本段落中搜索单词的算法 C++ text search文本检索在较长的文本段落中搜索单词的算法完整源码(定义,实现,main函数测试) C++ text ...
- html在文本框选中后在表格中选中,excel表格出现文本框的解决方法步骤
在Excel中如果出现了很多文本框而不是自己需要的,那这些文本框可以删除的.下面是学习啦小编带来的关于excel表格出现文本框的解决方法,希望阅读过后对你有所启发! excel表格出现文本框的解决方法 ...
- mysql最长字段_在mysql中使用GROUP BY时,如何选择最长的文本字段?
在 MySql中,您可以使用MAX()函数来获取最高的值,当使用GROUP BY时,我该怎么做同样的事情来获得最长的文本字符串? 样品表: id_|_post_id|_title__________| ...
- 解决wps工作簿从文本中复制粘贴时单元格中首位0无法显示
解决wps工作簿从文本中复制粘贴时单元格中首位0无法显示 1.选中特定单元格-开始-类型转换-数字转换为文本类型 2.选中要复制的文本 3.粘贴单元格-右键-选择粘贴-无格式文本 4.效果 1.选中特 ...
- h5 每页打印固定表头以及表尾 解决表头过长打印分页表头不固定问题
该解决方法不一定每个都适用 在此做个记录 由于需要的固定表头过长 所以分页时表头就不会固定 h5打印固定表头应该是有个高度限制 html代码 由于我是用的vue框架 所以就不说明{{}}之类的意思了 ...
- html中英文字母占几个px,CSS中解决英文字母、数字过长或者文本撑开网页
例如:aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa不能处理自动换行,将表格伸的很长很长,而汉字字符却可以自动换行. 原因是: 英文字母之间如果没有空格, ...
- 解决按钮点击后长按回车无限触发点击事件问题
思路: 包一层 UI 库的 button,在里面监听 onkeydown 和 onkeyup,用 flag 阻止长按回车一直触发. 然后在项目全局重新注册 el-button 覆盖掉UI内的按钮组件. ...
- 【Excel经验】解决csv文件中较长的文本内容用excel打开后显示为科学记数法格式的问题
1. 问题现象 mytest.csv 文件内容如下: "col1","col2","col3" "xx11111111111111 ...
- 竞争解决定时器时长( mac-ContentionResolutionTimer)
每发送完MSG3(包括重传),UE就启动定时器mac- ContentionResolutionTimer来监听MSG4.如果此时间段内按收到MSG4且冲突解决完成,则UE停止定时器mac-Conte ...
最新文章
- 特斯拉遇上 CPU:程序员的心思你别猜
- 重磅丨AI公共政策成全球热点,美国ITI发布《人工智能政策原则》
- asp.net 域名欺骗式开发
- python部署脚本_vsftp一键部署脚本
- C/C++ 中长度为0的数组
- qtextedit 默认文案_QT-纯代码控件-QSplitter(分裂器)
- Kafka从上手到实践 - 实践真知:Kafka Java Producer | 凌云时刻
- Error:Execution failed for task ‘:app:preDebugAndroidTestBuild’. Conflict with dependency ‘com.andr
- 直接可以用的Python和OpenCV检测及分割图像的目标区域例子
- 基于html超市管理系统,超市管理系统后台模板
- signature=6bac8596b91cba298303e9d5c86a608f,2019年武汉市中考英语试题
- 联想y7000p麦克风插上耳机声音太小的问题
- 高通QSPR读写NV
- c#和python哪个效率高_【为什么C#排名和Python相差越来越大?】-看准网
- 河海大学软件工程学硕考研复试经验贴
- java urlencoder 特殊_java URLEncoder 中特殊处理
- C++ 无法打开源文件windows.h
- 个人微信号发送zabbix告警信息
- keepalived原理 mysql_高可用实现KeepAlived原理简介
- 输入数字,输出数字读法
热门文章
- 用js写出水仙花数_JavaScript求取水仙花数
- 电脑显示受限制无连接应该怎么办
- linaro软件源更新问题
- Arduino 串行通信之串口通信 UART 原理及释义
- 英语各种数字表达方式大全(转载)
- matlab频率响应怎么求零极点,离散系统的频率响应分析和零极点分布.doc
- 【毕业设计】大数据 电影数据分析与可视化系统 - python Django 大数据 可视化
- linux安装多路径软件,IBM服务器多路径软件RDAC安装详解
- Python语言程序设计基础_答案_前言_通识教育必修课程_上海师范大学
- Source Insight 4.0安装破解及简单使用