禁止文字选中的办法
来源:互联网 发布:2017数据竞赛有哪些 编辑:程序博客网 时间:2024/05/09 04:50
参考
- https://segmentfault.com/a/1190000005875000
- http://www.w3school.com.cn/tags/event_onselect.asp
- http://blog.csdn.net/kongjiea/article/details/46742919
问题描述
制作了两个按钮,用来向左右移动项目,里面图省事就没有使用背景图片,用了←和→作为指示
带来的问题是由于相当于使用了文字,快速点击按钮时会选中两个箭头,变为蓝色的选中状态。为了解决这个问题找到了两个办法。
js方法
<div class="picBox" onselectstart="return false;">屏蔽双击选中文字的区域</div>
css方法
<div class="picBox" style="user-select:none;">屏蔽双击选中文字的区域</div>
onselect事件
onselect 事件会在文本框中的文本被选中时发生,支持该事件的 HTML 标签:《input type=”text”》,《textarea》
当鼠标的左键划过并选中了 input 输入框中的内容后(松开鼠标后),就会触发 onselect 事件。
onselectstart
onselectstart触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)
onselectstart 不被 input 和 textarea 标签支持
onselectstart 事件才是用来实现元素内文本不被选中的正确方法。
0 0
- 禁止文字选中的办法
- 前端网页禁止选中文字的方法
- Html禁止选中文字
- 禁止选中超链接文字
- css 禁止文字选中
- CSS 禁止文字选中
- 【网页禁止选中文字】
- css禁止选中文字
- 浏览器禁止被选中文字
- 屏蔽/禁止双击选中文字
- 鼠标移动时禁止选中文字
- 鼠标移动时禁止选中文字
- 鼠标移动时禁止选中文字
- 鼠标移动时禁止选中文字
- 各浏览器禁止选中文字方法
- 屏蔽、禁止鼠标双击选中文字
- css设置禁止文字被选中
- 禁止validateRequest的办法
- 自定义流式布局
- SQL语法总结
- error LNK1181: 无法打开输入文件“.\Release\\.obj”
- opengl摄像机系统,视角变换知识点
- HiveSQL解析原理:包括SQL转化为MapReduce过程及MapReduce如何实现基本SQL操作
- 禁止文字选中的办法
- 在spring中使用定时任务
- JS简单实现括号匹配问题
- 内存和硬盘上的数据存储方式
- 成功的背后
- 2000年分区联赛普级组之三 乘积最大
- 这一波知识付费即将迎来拐点?
- shiro流程
- BZOJ 4873: [Shoi2017]寿司餐厅 (最大权闭合子图)