Firefox/Opera不支持onselectstart事件
2012-09-06 18:06
507 查看
<!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
CSS3 定义了“user-select”属性,如下
可惜所有浏览器都未实现,如FF4/Safar5/Chrome11/Opera10/IE10。
相关:
https://developer.mozilla.org/en/CSS/-moz-user-select
http://msdn.microsoft.com/en-us/library/ms536969%28VS.85%29.aspx
http://www.w3.org/TR/2000/WD-css3-userint-20000216#user-select
相关文章推荐
- [置顶] 解决Firefox/Opera 不支持 onselectstart事件
- 解决Firefox/Opera 不支持onselectstart事件实现不允许用户select
- 解决Firefox/Opera 不支持onselectstart事件实现不允许用户select
- 去除HTML选择——兼容IE、FireFox(document.onselectstart,样式)
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- 关于鼠标事件oncontextmenu和onselectstart的js写法问题
- js onselectstart事件(禁止鼠标选中文字)和CSS3 user-select
- firefox,IE select onchange事件的差别
- onselectstart事件 ondragstart事件:禁止鼠标在网页上拖动.oncontextmenu事件:取消鼠标右键
- js事件驱动机制单oncontextmenu,onselectstart事件
- select option firefox和chrome 对onclick的支持 使用on
- 用js onselectstart事件鼠标禁止选中文字
- IE下设置unselectable与onselectstart属性的bug,Firefox与Chrome下的解决方案
- IE与FireFox都支持的 onbeforeunload事件(转)
- JavaScript中onChange、onselect 、onmouseout等事件
- 关于事件onfocusout在IE5和firefox下的问题?
- EasyUI Combobox 的 onChange,onSelect,onClick 事件
- CSS Hack技术详解,支持IE 6-11、Chrome、FireFox、Safari、Opera
- IE、Firefox、Opera和Safari对CSS样式important和*和_的支持 兼容CSS的解决方法及CSS差别