租用问题

质量为本、客户为根、勇于拼搏、务实创新

< 返回租用问题列表

js中oncontextmenu事件如何使用

发布时间:2023-08-09 07:56:58

js中oncontextmenu事件如何使用

在JavaScript中,可使用`oncontextmenu`事件来捕获右键菜单事件。以下是使用`oncontextmenu`事件的示例代码:
```html



oncontextmenu示例



右键点击此处显示菜单





```
在上述代码中,我们在`
`元素上添加了`oncontextmenu`事件,指定了一个名为`showContextMenu(event)`的事件处理函数。当右键点击`
`元素时,`showContextMenu(event)`函数会被调用。
`showContextMenu(event)`函数中,我们首先使用`event.preventDefault()`来禁止默许的右键菜单弹出。然后,我们获得到右键点击的位置,设置菜单的`left`和`top`位置,并显示菜单。
另外,我们还添加了一个`click`事件监听器,当点击页面的其他地方时,隐藏菜单。