时间:2021-05-08
user-select有两个值:
none:用户不能选择文本
text:用户可以选择文本
需要注意的是:user-select并不是一个W3C的CSS标准属性,浏览器支持的不完整,需要对每种浏览器进行调整
复制代码代码如下:
body{
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
-khtml-user-select: none;
user-select: none;
}
IE6-9还没发现相关的CSS属性
复制代码代码如下:
//IE6-9
document.body.onselectstart = document.body.ondrag = function(){
return false;
}
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
禁止右键菜单禁止左键划字复制采用CSS来控制是否可以选择文字.unselectable{user-select:none;}Youcanselectme.You
以下CSS样式实现了各浏览器的标签禁止选中功能。复制代码代码如下:moz-user-select:-moz-none;-moz-user-select:none
语法Formalsyntax:none|text|all|element复制代码代码如下:(-prefix-)user-select:none;(-prefix
这是通过CSS样式来实现的禁止用鼠标选择功能:unselectable为IE准备onselectstart为Chrome、Safari准备-moz-user-s
复制代码代码如下:$(el).attr('unselectable','on').css({'-moz-user-select':'-moz-none','-m