如何使用jquery防止右键单击选项

Question

如何使用jquery防止右键单击选项

是否可以阻止我们在网页中使用的图像的右键单击选项.

Answer 1

$(document).ready(function() {
    $("img").on("contextmenu",function(){
       return false;
    }); 
});

Run Code Online (Sandbox Code Playgroud)

工作示例:http://jsfiddle.net/vak9exyk/

老实说,我不喜欢防止对图像进行右键单击的想法. (4认同)
非常感谢.我在kiosk模式的全屏浏览器上使用它,我觉得这是禁用上下文菜单的合理原因. (3认同)
@MartinSpamer有人解释了为什么他们可能需要它."我在自助服务终端模式的全屏浏览器上使用它,我认为这是禁用上下文菜单的合理理由"......它也没有提升它,它正在回答一个问题.(虽然我同意不建议禁用右键单击) (3认同)

Answer 2

Abd*_*der 14

我认为这应该有所帮助.Trick是绑定contextmenu事件.

<script type="text/javascript" language="javascript">
        $(function() {
            $(this).bind("contextmenu", function(e) {
                e.preventDefault();
            });
        }); 
</script>

Run Code Online (Sandbox Code Playgroud)

Answer 3

Ami*_*hra 7

<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" >

在您选择的标签中设置这些属性

参见此处的工作示例 -https://codepen.io/Developer_Amit/pen/drYMMv

不需要jQuery（如）

Answer 4

anu*_*anu 5

$(document).ready(function() {

    $(document)[0].oncontextmenu = function() { return false; }

    $(document).mousedown(function(e) {
        if( e.button == 2 ) {
            alert('Sorry, this functionality is disabled!');
            return false;
        } else {
            return true;
        }
    });
});

Run Code Online (Sandbox Code Playgroud)

如果您只想在图像上禁用它,请单击而不是$(document).mousedown使用$("#yourimage").mousedown

归档时间：	14 年，6 月前
查看次数：	93938 次
最近记录：	6 年，7 月前