Open In App

HTML | DOM InputEvent data Property

Improve
Improve
Like Article
Like
Save
Share
Report

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

Last Updated : 13 Feb, 2019
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads