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的方式。

posted @ 2013-07-18 14:44  胡尐睿丶  阅读(3003)  评论(0)    收藏  举报