onselectstart与onselect

最新推荐文章于 2024-08-14 16:49:57 发布

cui_angel

最新推荐文章于 2024-08-14 16:49:57 发布

阅读量9.2k

点赞数 1

分类专栏： JavaScript JQuery Web 文章标签： input function div

Web 同时被 3 个专栏收录

109 篇文章 1 订阅

订阅专栏

JavaScript

101 篇文章 1 订阅

订阅专栏

JQuery

41 篇文章 0 订阅

订阅专栏

本文详细解析了onselectstart与onselect两个事件的区别与应用。onselectstart适用于大部分对象,可在对象被选中前阻止其变为蓝色；onselect则仅用于input和textarea标签,在文本被选中后触发。

摘要由CSDN通过智能技术生成

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

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标签支持。