The show event is fired when a contextmenu event was fired on/bubbled to an element that has a contextmenu attribute.
General info
- Specification
- HTML5
- Interface
- Event
- Bubbles
- No
- Cancelable
- No
- Target
- Element
- Default Action
- Show a context menu built from the related menu element.
Properties
| Property | Type | Description |
|---|---|---|
target Read only |
EventTarget |
The event target (the topmost target in the DOM tree). |
type Read only |
DOMString |
The type of event. |
bubbles Read only |
Boolean |
Whether the event normally bubbles or not |
cancelable Read only |
Boolean |
Whether the event is cancellable or not? |
Example
<div contextmenu="test"></div>
<menu type="context" id="test">
<menuitem label="alert" onclick="alert('the alert label has been clicked')" />
</menu>
<script>
document.getElementById("test").addEventListener("show", function(e){
alert("the context menu will be displayed");
}, false);
</script>