HTML 禁用鼠标左右键

最新推荐文章于 2021-06-04 02:32:22 发布

weixin_30377461

最新推荐文章于 2021-06-04 02:32:22 发布

阅读量118

点赞数

原文链接：http://www.cnblogs.com/notfound/articles/8448947.html

版权

　　网络收集HTML代码，笔者加以装饰而已。

　　禁用右键:

　　以下代码笔者认为可用性不大，因为在 firefox 中测试没什么用，在 IE 中也可被解除掉，chrome 下勉强是可以，不过可以通过连续点击左右键来解除，故不推荐。

<!DOCTYPE html>
<html>
    <head>
        <meta content="Author" name="notfound945">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>Auto Refresh</title>
        <script>function click() {
            if (event.button == 2) {
                alert("友情提示:\n\n                 右键菜单在此页面暂时不可用");
            }
        }
        document.onmousedown = click
        </script>
    </head>
        <body>
        <h1 style="text-align:center;font-size:30px">在 chrome 浏览器中右键弹出的对话框点击确定后，连续单击左右键即可卡出右键菜单</h1>
        <h2 style="text-align:center;font-size:25px">笔者在 firefox 浏览器中测试，发现没什么用, IE 也是... 其它浏览器未知.</h2>
        </body>
</html>

　　以下这个代码也是不推荐的，较上方代码只是给 body 添加了个属性 oncontextmenu ,正因为添加了这个所以那种在 chrome连续点击左右键的解除方法失效了。尽管如此在 firefox chrome IE 浏览器中仍不可用。

<!DOCTYPE html>
<html>
    <head>
        <meta content="Author" name="notfound945">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>Auto Refresh</title>
        <script>function click() {
            if (event.button == 2) {
                alert("友情提示:\n\n                 右键菜单在此页面暂时不可用");
            }
        }
        document.onmousedown = click
        </script>
    </head>
        <body oncontextmenu="self.event.returnValue=false">
        <h1 style="text-align:center;font-size:30px">加上body属性后，上述的连续点击左右键解除方法在 chrome 中已不管用</h1>
        <h2 style="text-align:center;font-size:25px">不过在 firefox 浏览器中测试，仍发现没什么用, IE 也是... 其它浏览器未知.</h2>
        </body>
</html>

　　可能浏览器版本问题吧，不同尽管如此，也不是很推荐这样子了，可能大多数新版浏览器上此方法无效了。所以要从新的角度下手了，比如自己构造个页面出来自定右键，就像百度文库那样。

　　禁用左键选定:

　　用上方的代码再给 body 加上个属性 onselectstart 就可以禁用左键选定文字的功能了，这个笔者在 IE、chrome、firefox 上测试还是有点用的。虽然之前的那些不可用，不过叠加起来也是可以的。

<!DOCTYPE html>
<html>
    <head>
        <meta content="Author" name="notfound945">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta http-equiv="content-type" content="text/html;charset=utf-8">
        <title>Auto Refresh</title>
        <script>function click() {
            if (event.button == 2) {
                alert("友情提示:\n\n                 左键选定在此页面暂时不可用");
            }
        }
        document.onmousedown = click
        </script>
    </head>
        <body onselectstart="return false" oncontextmenu="self.event.returnValue=false">
        <h1 style="text-align:center;font-size:30px">笔者在chrome测试，左键选定功能不可用</h1>
        <h2 style="text-align:center;font-size:25px">在 firefox 、IE浏览器中测试也可行,其它浏览器未知.</h2>
        </body>
</html>

　　本文仅收集网络信息供参考。

转载于:https://www.cnblogs.com/notfound/articles/8448947.html

weixin_30377461

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML 禁用鼠标左右键

　　网络收集HTML代码，笔者加以装饰而已。　　禁用右键:　　以下代码笔者认为可用性不大，因为在 firefox 中测试没什么用，在 IE 中也可被解除掉，chrome 下勉强是可以，不过可以通过连续点击左右键来解除，故不推荐。<!DOCTYPE html><html> <head> <me...
复制链接

扫一扫