Skip to content
Related Articles

Related Articles

HTML | DOM InputEvent data Property
  • Last Updated : 13 Feb, 2019

The InputEvent data property in HTML DOM is used to return the character that was inserted using the event. The InputEvent data property is a read-only property and it returns a string representing the character that was inserted.

Syntax:

event.data

Return Value: It returns the input data from a text field.

Below program illustrates the InputEvent data Property in HTML:




<!DOCTYPE html>
<html>
      
<head
    <title>
        HTML DOM InputEvent data Property
    </title
</head>
  
<body>
    <h1>GeeksforGeeks</h1
      
    <h2>InputEvent data Property</h2>
      
    <input type="text" id="GFG" oninput="myGeeks(event)">
      
    <p>Inserted character: <span id="test"></span></p>
      
    <script>
        function myGeeks(event) {
            document.getElementById("test").innerHTML
                    = event.data;
        }
    </script>
</body>
  
</html>                                                     

Output:

Supported Browsers: The browser supported by InputEvent data property are listed below:

  • Opera
  • Google Chrome
  • Apple Safari
My Personal Notes arrow_drop_up
Recommended Articles
Page :