onselectstart与onselect

这两个事件看起来很相似,事实上却非常的不同。

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标签支持,而onselect事件只被input和textarea支持。

onselect

onselect是在文本框(input、textarea)内的文本被选中时所触发的事件,其触发时间是在文本被选择以后(即文本已经被选择,已经

显式的表现出来)。该事件只被input和textarea标签支持。

 

  另附:解决Firefox/Opera 不支持onselectstart事件实现不允许用户select

posted @ 2014-11-26 13:02  webnote  阅读(397)  评论(0编辑  收藏  举报