js屏蔽鼠标右击事件

最新推荐文章于 2023-04-13 11:03:22 发布

前端王小婷

最新推荐文章于 2023-04-13 11:03:22 发布

阅读量979

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89926658

版权

图片.png

在后台管理系统里面，遇到了这样的一个问题，右击ztree菜单，弹出修改界面，但是，现在确实这样的，右击默认弹出功能提示的框框，看上去似乎很影响自己想要的功能，只能禁用了，那么，网页里如何禁用右击事件？使用jQuery，几句代码就可以搞定了

document.oncontextmenu = function(){return false;}

简单示例：
js实现：


<!DOCTYPE html>
<html>
 
    <head>
        <meta charset="UTF-8">
        <title>鼠标右键事件</title>
    
    </head>
 
    <body>
 
        <p id="tar">这里是一些内容
            <menu id="menu">
                <ul>
                    <li>王小婷</li>
                    <li>祈澈菇凉</li>
                    <li>安安安安</li>
                </ul>
            </menu>
        </p>

    </body>
 <script>
    document.oncontextmenu = function(){return false;}
 </script>
</html>

jQuery实现：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>鼠标右键事件</title>
    <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
    </head>
    <body>
        <p id="tar">这里是一些内容
            <menu id="menu">
                <ul>
                    <li>王小婷</li>
                    <li>祈澈菇凉</li>
                    <li>安安安安</li>
                </ul>
            </menu>
        </p>
    </body>
 <script>

//阻止鼠标右键事件

$(document).ready(function(){
    $(document).bind("contextmenu",function(e){
          return false;
    });
});

 </script>
</html>

原文作者：祈澈姑娘

关注「编程微刊」公众号，后台回复「领取资源」，获取IT资源和小程序500G干货大全。

前端王小婷

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js屏蔽鼠标右击事件

图片.png在后台管理系统里面，遇到了这样的一个问题，右击ztree菜单，弹出修改界面，但是，现在确实这样的，右击默认弹出功能提示的框框，看上去似乎很影响自己想要的功能，只能禁用了，那么，网页里如何禁用右击事件？使用jQuery，几句代码就可以搞定了document.oncontextmenu = function(){return false;}简单示例：js实现：...
复制链接

扫一扫