CSS

最新推荐文章于 2025-08-12 15:30:12 发布

原创最新推荐文章于 2025-08-12 15:30:12 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

CSS 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何通过JavaScript和CSS防止用户在网页上选中文字和元素，包括使用onselectstart事件、-moz-user-select属性等技巧。适用于不同浏览器如IE、Chrome、Firefox等。

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

onselectstart

使用js禁止用户选中网页上的内容，IE及Chrome下的方法一样。
使用onselectstart，例如
IE:
Firefox：，控制css: body { -moz-user-select: none; }

onselectstart几乎可以用于所有对象，其触发时间为目标对象被开始选中时（即选中动作刚开始，尚未实质性被选中）。该事件常使用

于使目标对象“禁止变蓝”，比如在很多地方当用户双击时，一些元素会变成蓝色（选中状态），而当我们要避免这种情况时就可以使用该事

注：
1、onselectstart事件不被input和textarea标签支持，而onselect事件只被input和textarea支持。
2、Firefox/Opera不支持onselectstart事件Firefox中可以使用CSS "-moz-user-select:none"属性来禁止文本选定
3、webkit浏览器可以使用“-khtml-user-select”，当然也可以使用onselectstart事件来阻止用户选定元素内文本，如下
<div onselectstart="return false">accc</div>

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

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

禁止鼠标右键：oncontextmenu="return false"；

禁止选择：onselectstart="return false"；

禁止拖放：ondragstart="return false"；

禁止拷贝：oncopy=document.selection.empty() 。

禁止复制：oncopy = "return false"；

禁止保存：<noscript><iframe src="*.htm"></iframe></noscript>，放在head里面。

禁止粘贴：<input type=text onpaste="return false">

禁止剪贴：oncut = "return false"；

关闭输入法：<input style="ime-mode:disabled">