JavaScript-----禁止鼠标选中文字和禁止鼠标右键上下文菜单

最新推荐文章于 2025-08-22 11:32:18 发布

Favour72

最新推荐文章于 2025-08-22 11:32:18 发布

阅读量1.8k

点赞数 3

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：前端 javascript css html html5

本文链接：https://blog.csdn.net/weixin_45904557/article/details/124759253

JavaScript 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了如何通过JavaScript禁止浏览器中的某些用户操作，如鼠标选中文字、鼠标右键菜单等。提供了相关事件监听及阻止默认行为的代码示例，包括selectstart、contextmenu等事件的处理方法。

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

一.禁止鼠标选中

selectstart 开始选中

    <h1>hello world</h1>
</body>
<script>

    // 2.禁止鼠标选中
    // selectstart   开始选中
    document.addEventListener('selectstart', function (e) {
        e.preventDefault(); //阻止默认行为
    })

还有一些别的方法,可以参考一下:

禁止鼠标右键	οncοntextmenu="return false"
禁止选择	onselectstart="return false"
禁止拖放	οndragstart="return false"
禁止拷贝	οncοpy=document.selection.empty()
禁止复制	oncopy = "return false"
禁止粘贴	<input type=text οnpaste="return false">
禁止剪贴	oncut = "return false"

二.禁止鼠标右键菜单

contextmenu 主要控制应该何时显示上下文菜单,主要用于程序员取消默认的上下文菜单

 document.addEventListener('contextmenu', function (e) {
        e.preventDefault(); //阻止默认行为
    })