📌  相关文章
📜  HTML | DOM oncontextmenu 事件(1)

📅  最后修改于: 2023-12-03 15:31:12.316000             🧑  作者: Mango

HTML | DOM oncontextmenu 事件

简介

oncontextmenu 事件在对象上发生时触发，通俗来说就是右键点击事件。当用户在对象上右键单击时，oncontextmenu 事件就会被触发，之后会弹出浏览器自带的右击菜单。

语法
object.oncontextmenu=function(){code}
  • object：必选，要定义 oncontextmenu 事件的对象。
  • function：必选，事件发生时执行的代码。
例子

下面给出一个简单的例子，使用 oncontextmenu 事件在右键单击链接时弹出菜单，其中 onClick 事件用于取消默认行为。

<html>
<head>
<script>
function contextMenu() {
    alert("菜单被触发");
}

function cancelContextMenu() {
    return false;
}
</script>
</head>
<body>
<a href="http://www.example.com" oncontextmenu="contextMenu(); return false;" onclick="return cancelContextMenu();">右键单击此链接弹出菜单</a>
</body>
</html>
返回值

在触发 oncontextmenu 事件时，返回值为 false 可以取消浏览器的默认行为（弹出右击菜单）。同时，需要使用 onclick 事件返回 false 来取消链接的默认行为。

总结
  • oncontextmenu 事件在对象上发生时触发，通俗来说就是右键点击事件。
  • 通过 oncontextmenu 事件可以自定义右键菜单。
  • 在触发 oncontextmenu 事件时，可以通过返回 false 来取消浏览器的默认行为，需要配合使用 onclick 事件返回 false 来取消链接的默认行为。