What is HTML | DOM InputEvent data Property?

In this article, we will learn HTML | DOM InputEvent data Property,This free HTML tutorial for complete beginners will help you learn HTML from scratch.

HTML | DOM InputEvent data Property

Q: How to use HTML | DOM InputEvent data Property in HTML?

The InputEvent data property in HTML DOM is used to return the character that was inserted using the event

HTML DOM Input Date Object

HTML | DOM Style columnSpan 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>w3wiki</h1>  
      
    <h2>InputEvent data Property</h2> 
      
    <input type="text" id="GFG" oninput="myBeginner(event)"> 
      
    <p>Inserted character: <span id="test"></span></p> 
      
    <script> 
        function myBeginner(event) { 
            document.getElementById("test").innerHTML 
                    = event.data; 
        } 
    </script> 
</body> 
  
</html>                                                      