Open In App

HTML DOM InputEvent data Property

Last Updated : 03 Oct, 2024
Comments
Improve
Suggest changes
Like Article
Like
Report

The InputEvent data property 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:

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:

inputData

Input event data

Supported Browsers:

The browser supported by InputEvent data property are listed below:

  • Opera
  • Google Chrome
  • Apple Safari

Next Article
Article Tags :

Similar Reads