禁止对文本操作的属性
禁止鼠标右键:οncοntextmenu=“return false”;
禁止选择:onselectstart=“return false”;
禁止拖放:οndragstart=“return false”;
禁止拷贝:οncοpy=document.selection.empty() 。
禁止复制:oncopy = “return false”;
禁止保存:,放在head里面。
禁止粘贴:<input type=text οnpaste=“return false”>
禁止剪贴:oncut = “return false”;
关闭输入法:<input style=“ime-mode:disabled”
在IE浏览器中,当input获得焦点时,点击有unselectable="on"属性的标签时,不会触发onblur事件。
加上该属性的元素不能被选中。
在IE下给DIV设置unselectable与onselectstart属性,可以让div的内容不能选中,这个功能在很多情况下,非常有用,但是他的bug太明显,
直接使用一个DIV是可以的,比如:
<div unselectable="on" onselectstart="return false;">不能选中的内容</div>
但是假如在这个DIV前面在出现一个普通的DIV,那就有问题了,比如:
<div>普通DIV<div>
<div unselectable="on" onselectstart="return false;">从前面一个DIV开始选,就可以选中本部分内容,只有从该DIV结束部分才能不选中</div>
目前我还没找到很好的解决方案,要么在body里用onselectstart=“return false;”,但是那会导致整个页面都无法选中;或者在所有div或者类似DIV的容器里都要设置onselectstart=“return false;”,才能彻底解决。
Firefox下的解决方案:
style="-moz-user-select:none;"
Chrome下的解决方案:
style="-webkit-user-select:none;"