HTML | DOM onmessage Event

HTML DOM onkeypress Event

Last Updated : 20 Jun, 2023

The DOM onkeypress event in HTML occurs when a key is pressed by the user. Order of events related to the onkeypress event:

Supported HTML tags: All HTML elements, EXCEPT:

<base>
<bdo>
<br>
<head>
<html>
<iframe>
<meta>
<param>
<script>
<style>
<title>

Syntax:

In HTML:

<element onkeypress="myScript">

In JavaScript:

object.onkeypress = function(){myScript};

In JavaScript, using the addEventListener() method:

object.addEventListener("keypress", myScript);

Example: onkeypress Event using the addEventListener() method

HTML

<!DOCTYPE html>
<html>

<head>
    <title>
        DOM onkeypress event
    </title>
</head>

<body>
    <h1 style="color:green">
        GeekforGeeks
    </h1>
    <p>
        Press any key inside
        the input field.
      </p>
    <input type="text" id="inputField" 
           style="background-color:green">

    <script>
        document.getElementById(
            "inputField").addEventListener("keypress", GFGFun);
        function GFGFun() {
            document.getElementById(
                "inputField").style.backgroundColor =
                "yellow";
        }
    </script>
</body>

</html>

Output:

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

Google Chrome
Internet Explorer
Firefox
Apple Safari
Opera

HTML | DOM onmessage Event

V

Vijay Sirra

Improve

Article Tags :

Similar Reads

HTML DOM onkeyup Event

The HTML DOM onkeyup event in HTML occurs when a key is released after pressing by the user. Order of events related to the onkeyup event. onkeydownonkeypressonkeyup Syntax: In HTML:<element onkeyup="myScript">In JavaScript:object.onkeyup = function(){myScript};In JavaScript, using the addEven

HTML DOM onreset Event

The onreset event in HTML DOM occurs when a form is reset. Only the <form> tag is supported in this event. Supported Tags <form> Syntax: In HTML: <element onreset="myScript">In JavaScript: object.onreset = function(){myScript};In JavaScript, using the addEventListener() method: obj

HTML DOM onkeydown Event

The DOM onkeydown event in HTML occurs when a key is pressed by the user. Order of events related to the onkeydown event: onkeydownonkeypressonkeyup Supported HTML tags: All HTML elements, EXCEPT: <base><bdo><br><head><html><iframe><meta><param><scr

HTML | DOM onmessage Event

The onmessage Event in HTML DOM used when an object has received some message through an event source. The event object for onmessage Event supports the following schemes: data: It contains the actual message present inside it.origin: It contains the URL of the document that invoked the event.lastEv

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

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 onselect Event

The HTML DOM onselect event occurs when a user selects text within an element, like input fields or textareas. It allows developers to execute JavaScript code in response to text selection actions. Syntax: In HTML<element onselect="Script">In JavaScriptobject.onselect = function(){Script};In J

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 onmouseup Event

The HTML DOM onmouseup event occurs on the release of a pressed button on a mouse over an element. Related events for left-click: onmousedownonmouseuponclick Related events for right-click: onmousedownonmouseuponcontextmenu Supported Tags: It supports All HTML elements, EXCEPT: <base><bdo

HTML DOM onblur Event

The HTML DOM onblur event occurs when an object loses focus. The onblur event is the opposite of the onfocus event. The onblur event is mostly used with form validation code (e.g. when the user leaves a form field). In HTML:<element onblur="myScript">html<!DOCTYPE html> <html lang="en