JS小技巧
来源:互联网 发布:矩阵切换系统 编辑:程序博客网 时间:2024/06/16 05:55
1、禁止通过鼠标左键选择div中的文字,同时设置onselectstart事件返回值为false,和css 中-moz-user-select属性为none;
<div class="docu-main" onselectstart="javascript:return false;" style="-moz-user-select:none;"></div>
2、CSS禁止选择文本功能(兼容IE,火狐等浏览器)
有时候,我们为了用户体验,需要禁用选择文本功能。
这需要用到一个CSS属性:user-select,user-select的文档点这里
user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本
需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整
body{ -moz-user-select: none; /*火狐*/ -webkit-user-select: none; /*webkit浏览器*/ -ms-user-select: none; /*IE10*/ -khtml-user-select: none; /*早期浏览器*/ user-select: none; }
IE9还没发现相关的CSS属性,只能通过JS来实现
document.body.onselectstart = function(){return false;}
IE下禁用选择后,添加例外元素
$(document).off("selectstart").on("selectstart",function(){ var omitformtags = ["input", "textarea"];//设置可以的元素名称 omitformtags = "|"+ omitformtags.join("|") + "|"; if (omitformtags.indexOf("|"+event.srcElement.tagName.toLowerCase()+"|")==-1) {return false;}});
0 0
- js中的小技巧
- js经验总结,小技巧
- js小技巧
- js小技巧
- js 小技巧
- js小技巧
- js使用小技巧
- js实用小技巧
- JS小技巧
- JS小技巧
- js小技巧 (一)
- js中的小技巧
- JS小技巧总汇
- js中的小技巧
- js使用小技巧
- js小技巧
- JS小技巧【1】
- JS小技巧【2】
- leetcode 8STRING TO INTEGER (ATOI)
- Android 蓝牙设备的查找和连接
- 获得一个整数的二进制位数
- 算法导论 10-2-8 个指针实现双链表
- Linux入门必须养成的七大习惯
- JS小技巧
- Uboot中start.S源码的指令级的详尽解析
- LeetCode: TWO SUM
- java中枚举的简单介绍
- C++ 在字符串中插入子串+判断字符串是否由空格组成
- CPU卡密钥管理系统
- java中关于try、catch、finally中一些问题
- iostream.h找不到问题
- leetcode 9 Palindrome Number