html的标签中 unselectable=on 属性的作用

最新推荐文章于 2025-03-13 07:35:36 发布

转载最新推荐文章于 2025-03-13 07:35:36 发布 · 1.9k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/liuyanxia/p/5619391.html

文章标签：

#python #javascript #ViewUI

本文介绍了如何在不同浏览器中实现网页内容不可选中的方法，包括IE下的unselectable属性及onselectstart事件，Firefox下的-moz-user-select属性，以及Chrome下的-webkit-user-select属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在IE浏览器中，当input获得焦点时，点击有unselectable="on"属性的标签时，不会触发onblur事件。

加上该属性的元素不能被选中。

< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
< html>
     < head>
          < title>html的标签unselectable=on属性的作用</title>
         < meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    < /head>
<body>
<div>
   < p><input id="txt" type="text"/></p>
< p><span unselectable="on">unselectable="on"</span></p>
< p><span unselectable="">span测试2 unselectable=""</span></p>

< p><div unselectable="on">div测试1 unselectable="on"</div></p>
< p><div unselectable="">div测试2 unselectable=""</div></p>
</body>
< /html>
< script language="javascript" type="text/javascript">
    (function () {
        var txt = document.getElementById("txt");
        txt.onblur = function () { alert('失去焦点了'); }
    })();
< /script>