onselectstart与onselect—禁止选择或禁止复制 December 11, 2019 onselectstart与onselect 这两个事件看起来很相似，事实上却非常的不同。 <!--more--> **onselectstart** 使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。 使用onselectstart，例如 IE: <body onselectstart="return false"> Firefox：，控制css: body { -moz-user-select: none; } onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用 于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事 件，使用示例如下： ```html <div id="tmp" onselectstart="return false">flondon</div> ``` 或者 ```javascript <div id="tmp">flondon</div> <script type="text/javascript"> document.getElementById("tmp").onselectstart = function(){return false;}; </script> ``` 或者 ```html <div id="tmp">flondon</div> <script type="text/javascript"> if(document.addEventListener) { document.getElementById("tmp").addEventListener("selectstart", function(){return false;}, false); } else { document.getElementById("tmp").attachEvent("onselectstart", function(){return false;}); } </script> ``` 注： 1、onselectstart事件不被input和textarea标签支持，而onselect事件只被input和textarea支持。 2、Firefox/Opera不支持onselectstart事件Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定 3、webkit浏览器可以使用“-khtml-user-select”，当然也可以使用onselectstart事件来阻止用户选定元素内文本，如下 ```html <div onselectstart="return false">accc</div> ``` **onselect** onselect是在文本框（input、textarea）内的文本被选中时所触发的事件，其触发时间是在文本被选择以后（即文本已经被选择，已经 显式的表现出来）。该事件只被input和textarea标签支持。
