zoukankan      html  css  js  c++  java
  • 在web page中使鼠标右击失效的几种方法

    这里主要介绍两种方法,一种是使用js来处理,还有一种是在html属性中设置。

    方法一:js

    1:

    <script language="javascript">
    document.onmousedown=disableclick;
    status="Right Click Disabled";
    Function disableclick(event)
    {
      if(event.button==2)
       {
         alert(status);
         return false;    
       }
    }
    </script>


    2:

    document.addEventListener("contextmenu", function(e){
        e.preventDefault();
    }, false);


    3:使用jQuery

    $(document).on({
        "contextmenu": function(e) {
            console.log("ctx menu button:", e.which); 
    
            // Stop the context menu
            e.preventDefault();
        },
        "mousedown": function(e) { 
            console.log("normal mouse down:", e.which); 
        },
        "mouseup": function(e) { 
            console.log("normal mouse up:", e.which); 
        }
    });
    或者:

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




    方法二:html属性设置

    <body oncontextmenu="return false">
    ...
    </body>

    最后:尽量不要这么做,除非特殊用途。

    preference:http://stackoverflow.com/questions/737022/how-do-i-disable-right-click-on-my-web-page

  • 相关阅读:
    ES6新特性总结
    Flask
    Flask
    Flask
    Flask
    Flask
    Flask
    Flask
    Linux
    Linux
  • 原文地址:https://www.cnblogs.com/yxwkf/p/5176244.html
Copyright © 2011-2022 走看看