網頁裏如何使用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