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

时间 2019-12-07

标签网页如何使用屏蔽鼠标事件栏目 HTML 繁體版

原文原文链接

图片.pnghtml

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

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

简单示例：
js实现：jquery

<!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>

注：code

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