码农教程 - 一技在手,衣食无忧! tools

目录

oncontextmenu Event

❮ Previous Events Reference Next ❯

Example

Prevent the context menu to show:

div.addEventListener("contextmenu", (e) => {e.preventDefault()});
Try it Yourself »

Description

The oncontextmenu event occurs when the user right-clicks an HTML element to open the context menu.

Mouse Events

Event Occurs When
onclick The user clicks on an element
oncontextmenu The user right-clicks on an element
ondblclick The user double-clicks on an element
onmousedown A mouse button is pressed over an element
onmouseenter The pointer is moved onto an element
onmouseleave The pointer is moved out of an element
onmousemove The pointer is moving over an element
onmouseout The mouse pointer moves out of an element
onmouseover The mouse pointer is moved over an element
onmouseup The mouse button is released over an element

See Also:

The Mouse Event Object

Tutorial:

JavaScript Events

Syntax

In HTML:

< element oncontextmenu=" myScript">
Try it Yourself »

In JavaScript:

object.oncontextmenu = function(){ myScript};
Try it Yourself »

In JavaScript, using the addEventListener() method:

object.addEventListener("contextmenu", myScript);
Try it Yourself »

Technical Details

Bubbles: Yes
Cancelable: Yes
Event type: MouseEvent
HTML tags: All HTML elements
DOM Version: Level 3 Events

Browser Support

oncontextmenu is a DOM Level 3 (2004) feature.

It is fully supported in all modern browsers:

Chrome Edge Firefox Safari Opera IE
Yes Yes Yes Yes Yes 11


❮ Previous Events Reference Next ❯