oncontextmenu 返回鼠标事件参数
时间: 2023-11-30 22:02:26 浏览: 116
JavaScript中的所有on事件
`oncontextmenu`是一个DOM事件,它在用户右键单击元素时触发。当事件被触发时,浏览器会将一个事件对象作为参数传递给事件处理程序。这个事件对象包含了与鼠标事件相关的信息,比如鼠标的位置,鼠标按键状态等。你可以使用这个事件对象来获取鼠标事件的详细信息,并采取相应的操作。例如,在事件处理程序中,你可以使用`event.preventDefault()`方法来取消默认的右键菜单行为,或者使用`event.stopPropagation()`方法来停止事件冒泡。下面是一个示例:
```
<div oncontextmenu="handleContextMenu(event)">右键单击我</div>
<script>
function handleContextMenu(event) {
event.preventDefault();
console.log("鼠标位置:", event.clientX, event.clientY);
}
</script>
```
在这个示例中,当用户右键单击`<div>`元素时,`handleContextMenu()`函数会被调用,并且会传入一个事件对象作为参数。在函数中,我们使用`event.preventDefault()`方法来取消默认的右键菜单行为,并使用`event.clientX`和`event.clientY`属性来获取鼠标的位置。
阅读全文