代码之家 › 专栏 › 技术社区 › Jimmy

如何在JavaScript中禁用右键单击上下文菜单[duplicate]

contextmenu javascript

107

Jimmy · 技术社区 · 17 年前

我并不是在试图阻止“查看源代码”或诸如此类的愚蠢行为,而是在为某些元素制作一些自定义上下文菜单。

<a id="moo" href=''> </a>

<script type="text/javascript">
    var moo = document.getElementById('moo');

    function handler(event) {
        event = event || window.event;

        if (event.stopPropagation)
            event.stopPropagation();

        event.cancelBubble = true;
        return false;
    }

    moo.innerHTML = 'right-click here';

    moo.onclick = handler;
    moo.onmousedown = handler;
    moo.onmouseup = handler;
</script>

5 回复 | 直到 8 年前

140

Omar Wagih 12 年前

如果您不在乎每次用户尝试右键单击时都会用消息提醒用户,请尝试将其添加到您的body标记中

<body oncontextmenu="return false;">

这将阻止对上下文菜单的所有访问(不仅仅是通过鼠标右键,还可以通过键盘)

但是,添加右键单击禁用器确实没有意义。任何具备基本浏览器知识的人都可以查看源代码并提取他们需要的信息。

119

Kenan Banks 17 年前

抓住 onContextMenu 事件,并在事件处理程序中返回false。

您还可以捕获click事件并检查哪个鼠标按钮触发了事件 event.button ,在某些浏览器中。

ElDoRado1239 12 年前

我用过这个:

document.onkeydown = keyboardDown;
document.onkeyup = keyboardUp;
document.oncontextmenu = function(e){
 var evt = new Object({keyCode:93});
 stopEvent(e);
 keyboardUp(evt);
}
function stopEvent(event){
 if(event.preventDefault != undefined)
  event.preventDefault();
 if(event.stopPropagation != undefined)
  event.stopPropagation();
}
function keyboardDown(e){
 ...
}
function keyboardUp(e){
 ...
}

然后在最后两个函数中捕获e.keyCode属性-如果e.keyCode==93,我知道用户要么释放了鼠标右键,要么按下/释放了上下文菜单键。

希望能有帮助。

Marc 17 年前

stesch 17 年前

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

1 年前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

1 年前

Alex · 在轻量级中同时解构和不解构变量

1 年前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

bairog · 从按属性筛选的对象数组字典中创建值数组

1 年前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

1 年前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

1 年前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

1 年前

user3472810 · Angular@Output/EventEmitter返回undefined

1 年前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

1 年前