js中onselectstart的用法
onselectstart几乎可以用于所有对象,其触发时间为目标对象被开始选中时(即选中动作刚开始,尚未实质性被选中)。该事件常使用于使目标对象“禁止变蓝”,比如在很多地方当用户双击时,一些元素会变成蓝色(选中状态),而当我们要避免这种情况时就可以使用该事件。
使用示例如下:
<div id="tmp" onselectstart="return false">flondon</div>
或者:
<div id="tmp">flondon</div>
<script type="text/javascript">
document.getElementById("tmp").onselectstart = function(){return false;};
</script>
或者:
<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>
注:onselectstart事件不被input和textarea标签支持,Firefox/Opera不支持onselectstart事件,Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定webkit浏览器可以使用"-khtml-user-select:none",当然也可以使用onselectstart的方式。
新博客地址
hooray.github.io
hooray.github.io
浙公网安备 33010602011771号