Question

如何在下面的脚本中调用disableRightClick函数，声明document.oncontextmenu=disableRightClick的作用是什么？请解释一下。

＆＃13;

document.oncontextmenu = disableRightClick;
// how this function is called 
function disableRightClick(event) {
  event = event || window.event;
  if (event.preventDefault) {
    event.preventDefault();
  } else {
    event.returnValue = false
  }
}

＆＃13;

<h1>On this page right click is disabled</h1>

＆＃13;

Answer 1

document.oncontextmenu是单击鼠标右键时的事件。 document.oncontextmenu = disableRightClick;此行正在观看右键单击事件的文档，当发生这种情况时，它会调用函数disableRightClick。在我的示例中，我将事件移动到<h1>标记，以便它可以证明这一点。

窗口上右键单击事件的事件处理程序属性。除非防止默认行为（请参阅下面有关如何操作的示例这个），浏览器上下文菜单将激活（虽然IE8有一个错误如果使用上下文菜单，则不会激活上下文菜单事件处理程序已定义）。请注意，此事件将发生在任何情况下非禁用的右键单击事件，不依赖于元素拥有“contextmenu”属性。

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/oncontextmenu

此示例我将事件仅放在标头标记上，因此如果您右键单击标头标记，它只会禁用默认的右键单击事件。

//document.oncontextmenu = disableRightClick;
// how this function is called 
function disableRightClick(event) {
  event = event || window.event;
  if (event.preventDefault) {
    event.preventDefault();
  } else {
    event.returnValue = false
  }
}

<h1 oncontextmenu="disableRightClick(); return false;">On this header right click is disabled</h1>

怎么＆＃34; disableRightClick＆＃34;函数在JavaScript中调用

1 个答案: