HTML DOM InputEvent data Property

Last Updated : 03 Oct, 2024

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

S

Shubrodeep Banerjee

Improve

Article Tags :

Similar Reads

HTML DOM Option label Property

The HTML DOM Option label property is used to get or set the label attribute of an <option> element in a drop-down list (<select> element). The label property represents the text label associated with the option, which is shown in the drop-down list.Syntax: It is used to return the label

HTML DOM | KeyboardEvent altKey Property

The KeyboardEvent altKey property in HTML DOM is a read-only property and used to return the boolean value which indicates the alt key is pressed or not. It returns True if alt key is pressed otherwise return false. Syntax: event.altKey Below program illustrates the KeyboardEvent altkey property in

HTML | DOM Form target Property

The DOM Form Target property is used to set or return the value of the target attribute of the form.The Target attribute is used to specify whether the submitted result will open in the current window, a new tab or on a new frame. Syntax: It is used to return the target property. formObject.target I

HTML | DOM KeyboardEvent shiftKey Property

The KeyboardEvent shiftKey property in HTML DOM is a read-only property and used to return a Boolean value which indicates the SHIFT key is pressed or not. The KeyboardEvent shiftKey property returns true if the SHIFT key is pressed, otherwise returns false. Syntax: event.shiftKey Below program illu

HTML | DOM Form length Property

The DOM Form length Property is used to return the number of input field contained in the form. Syntax: formObject.length Return Value: It returns a numeric value which represent the number of input field or elements in the Form. Example-1: Return the number of input field. html <!DOCTYPE html

HTML | DOM Form acceptCharset Property

The DOM Form acceptCharset Property is used to set or return the value of the accept-charset attribute in the form Element. The accept-charset attribute is used to define the character encoding and is used for form submission. The default value of the accept-charset attribute is â€œUNKNOWNâ€ string whi

HTML | DOM KeyboardEvent metaKey Property

The KeyboardEvent metaKey property in HTML DOM is a read-only property and is used to return a Boolean value which is used to check whether the META key is pressed or not. The KeyboardEvent metaKey property returns true if the META key is pressed, otherwise returns false. Syntax: event.metaKey Below

HTML DOM Select Object

The Select object in HTML DOM is used to represent an HTML <select> element. It provides properties and methods to manipulate the <select> element and its associated <option> elements.Syntax:To create <select> element. document.createElement("SELECT")To access <select>

HTML | DOM TouchEvent touches Property

The TouchEvent touches property in HTML DOM is used to return the array of touch object. It returns one for each finger that is currently touching to the surface. The touches property is a read only property and it returns an array of touch objects. Syntax: event.touches Return Value: It return the

HTML | DOM form method Property

The DOM Form method Property is used to set or returnthe value of the method attribute in the form. The method attribute is used to specify the HTTP method used to send data while submitting the form. There are two kinds of HTTP Methods, which are GET and POST. Syntax: It is used to return the metho