HTML | DOM InputEvent data Property
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
Please Login to comment...