onselectstart onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。 onselectstart 该事件常使用 使用js禁止用户选中网页上的内容,IE及Chrome下的方法一样。使用onselectstart,例如 IE: <body onselectstart="return false"> Firefox下,控制css: body { -moz-user-select: none; } 注:onselectstart事件不被input和textarea标签支持,所以在BODY用onSelectStart=return false 不让选择,但是页面上的文字输入框怎样可以设置到可选择. 注: Firefox/Opera不支持onselectstart事件 如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Firefox/Opera不支持onselectstart事件</title> </head> <body> <div id="d1" style="width:200px;height:200px;background:gold;">Text Text</div> <script type="text/javascript"> var div = document.getElementById('d1'); div.onselectstart = function(){ console.log(3); } </script> </body> </html> 当用鼠标去选定div内的文本时,IE/Safari/Chrome 的控制台输出了3,Firefox/Opera则没有输出。 1 IE可以使用onselectstart事件来阻止用户选定元素内文本,如下 <div onselectstart="return false">accc</div> 2 Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定 3 webkit浏览器可以使用“-khtml-user-select”,当然也可以使用方式1[1]
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!
二、互相尊重,对自己的言论和行为负责。