Jquery如何禁止鼠标右键菜单

本文转载自查看原文 2018-09-27 14:49 2481 JQuery

jquery中使用contextmenu事件，如果返回true，则允许右键菜单；如果返回false，则禁止右键菜单

导入文件

<script type="text/javascript" src="jquery.min.js"></script>

js方法

<script>
    $(function(){
        //contextmenu事件返回false则屏蔽鼠标右键菜单
        $(document).bind("contextmenu",function(e){
                if($("#enabledRadio").prop("checked")){
                    return true;    
                }
                if($("#disabledRadio").prop("checked")){
                    return false;    
                }
            });
    })
</script>

html页面

  <div>
        <h3>JQuery屏蔽鼠标右键菜单</h3>
        <input type="radio" name="control" id="enabledRadio" checked="checked" />允许右键
        <input type="radio" name="control" id="disabledRadio" />禁止右键
    </div>

整体demo

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>屏蔽鼠标右键菜单</title>
</head>
<script type="text/javascript" src="jquery.min.js"></script>
<script>
    $(function(){
        //contextmenu事件返回false则屏蔽鼠标右键菜单
        $(document).bind("contextmenu",function(e){
                if($("#enabledRadio").prop("checked")){
                    return true;    
                }
                if($("#disabledRadio").prop("checked")){
                    return false;    
                }
            });
    })
</script>
<body>
    <div>
        <h3>JQuery屏蔽鼠标右键菜单</h3>
        <input type="radio" name="control" id="enabledRadio" checked="checked" />允许右键
        <input type="radio" name="control" id="disabledRadio" />禁止右键
    </div>
</body>
</html>

查看效果图

1）允许右键

2）禁止右键

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 jquery禁止鼠标右键原生js禁止鼠标右键鼠标右键点击弹出菜单（jQuery）利用jquery实现网页禁止鼠标右键、禁止复制 CEF禁止右键菜单 js禁止鼠标右键功能 ChromiumWebBrowser禁止鼠标右键和拖动 ChromiumWebBrowser禁止鼠标右键和拖动 ChromiumWebBrowser禁止鼠标右键和拖动 jquery右键菜单 JQuery之ContextMenu(右键菜单)