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