网页里如何使用js屏蔽鼠标右击事件

图片.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>

注:

原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1
90后前端妹子,爱编程,爱运营,爱折腾。
坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

 

posted @ 2018-09-25 17:07  祈澈姑娘  阅读(166)  评论(0编辑  收藏  举报