首页前端开发正文

js禁止使用鼠标右键

朱绪2017-06-182529JavaScript

在JavaScript中,我们可以使用oncontextmenu事件来禁止使用鼠标右键。

下面就来举个例子吧:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <script>
        window.onload=function(){
            document.oncontextmenu=function(){
                return false;
            } 
        }
    </script>
</head>
<body>
    <div>20岁到30岁这10年,是决定你一生的黄金时期,因此切勿虚度,要做好人生的每一个决定。</div>
</body>
</html>

浏览器预览效果:

js禁止使用鼠标右键

我们可以发现,鼠标右键现在是没办法使用的。

不过呢,虽然右键被禁止了,但我们如果想复制该网页内容的话依旧可以使用快捷键,比如可以使用【Ctrl+C】快捷键来复制内容,使用【Ctrl+S】快捷键来保存网页等。

不过这个技巧在开发中用的比较少,因为影响用户体验。访客感觉你网页某句话好想复制下来却不可以,这样心情肯定会很糟糕,让访客感到心情糟糕的网站就是糟糕的网站了。