oncontextmenu Event

DOM Events MouseEvent

Definition and Usage

An oncontextmenu event occurs when the user right-clicks on an element to open a context menu.

Note:Although all browsers support the oncontextmenu event, only Firefox currently supports it contextmenu Property.

Example

Execute JavaScript when the user right-clicks on a <div> element with a context menu:

<div oncontextmenu="myFunction()" contextmenu="mymenu">

Try It Yourself

Syntax

In HTML:

<element oncontextmenu="myScript">

Try It Yourself

In JavaScript:

object.oncontextmenu = function(){myScript};

Try It Yourself

In JavaScript, use the addEventListener() method:

object.addEventListener("contextmenu", myScript);

Try It Yourself

Note:Internet Explorer 8 or earlier versions do not support addEventListener() Method.

Technical Details

Bubbling: Support
Cancellable: Support
Event Type: MouseEvent
Supported HTML Tags: All HTML Elements
DOM Version: Level 3 Events

Browser Support

Events Chrome IE Firefox Safari Opera
oncontextmenu Support Support Support Support Support
DOM Events MouseEvent