HTML | DOM onscroll Event

HTML | DOM onshow Event

Last Updated : 20 Jul, 2021

The onshow event occurs when a user right click on en element and <menu> element is shown as a context menu.

Supported Tags

<menu>

Syntax:

In HTML:

<element onshow="Script">

In JavaScript:

object.onshow = function(){Script};

In JavaScript, using the addEventListener() method:

object.addEventListener("show", Script);

Example: Using the addEventListener() method

html

<!DOCTYPE html>
<html>

<head>
    <title>
      HTML DOM onshow event
  </title>
</head>

<head>
    <style>

    </style>
</head>

<body>

    <center>
        <h1 style="color:green">
          GeekforGeeks
      </h1>
        <h1 contextmenu="Mmenu">
          HTML DOM onshow event
      </h1>

        <menu type="context" 
              id="Mmenu"></menu>
    </center>
    <script>
        document.getElementById(
          "Mmenu").addEventListener("show", GFGfun);

        function GFGfun() {
            alert("Context menu");
        }
    </script>

</body>

</html>

Output:
Before:

After right-click:

Supported Browsers: The browsers supported by HTML DOM onshow Event are listed below:

Firefox

HTML | DOM onscroll Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML DOM onpageshow Event

The DOM onpageshow event in HTML occurs upon navigating a webpage by the user. The onload event does not happen when the page is loaded from the cache and onpageshow event occurs every time the page is loaded otherwise both events are similar. Supported Tags <body> Syntax: In HTML: <element

HTML DOM onload Event

The HTML DOM onload event in HTML occurs when an object has been loaded. The onload event is mostly used within the <body> tag, in order to run the script on the web page that will load all the content completely. The onload event can be used to check the user's browser type and browser versio

HTML | DOM onscroll Event

The HTML DOM onscroll event occurs when a scrollbar is used. CSS overflow is used to create a scrollbar.In HTML: <element onscroll="myScript">HTML<!DOCTYPE html> <html> <body> <textarea style="width:100%" id="tID" onscroll="document.getElementById('try').innerHTML = 'Texta

HTML DOM onsearch Event

The onsearch event in HTML DOM occurs when a user searches using an <input> element with type="search". This event works when the user press "Enter" or clicks "x" in the search box. Supported tags: <input type="search"> Syntax: In HTML: <element onsearch="myScript">In JavaScript: o

HTML DOM oncopy Event

The HTML DOM oncopy event occurs when the content of an element is copied by the user. It is also applicable to the image, created with the element. It is mostly used with type=â€textâ€. Note: There are three ways to copy the content of an element: Press CTRL + CSelect "Copy" from the Edit menu in you

HTML DOM onopen Event

The DOM onopen event occurs on an open connection with an event source. Related events: onmessage: Received the message.onerror: The problem occurs. Syntax: Using JavaScript:object.onopen = function(){myScript};Using the addEventListener() method:object.addEventListener("open", myScript); Example: U

HTML DOM ondrop Event

The HTML DOM ondrop event occurs when a draggable element is dropped on a valid drop target. There are some events that are used and occurred in the different stages of a drag-and-drop operation: Events fired on the draggable target: ondragstart: occurs when dragging of an element started.ondrag: oc

HTML DOM onmousedown Event

The HTML DOM onmousedown event occurs when a mouse button is pressed over an element. It's useful for implementing interactive features that respond to mouse clicks or taps on web elements. Syntax: In HTML<element onmousedown="myScript"> In JavaScriptobject.onmousedown = function(){myScript};

HTML DOM onfocus Event

The HTML DOM onfocus event occurs when an element gets focused. The onfocus event is mostly used with <input>, <select>, and <a>. The onfocus event is the opposite of the onblur event. Syntax: In HTML:<element onfocus="myScript">In JavaScript:object.onfocus = function(){myScr

HTML DOM onpaste Event

The HTML DOM onpaste event occurs when some content is pasted in an element. this event works on every element like in <p> element if contenteditable set is true then we can paste content in <p> element. The HTML DOM onpaste event is mostly used in input element type="text". Supported Ta