[Edit]

HTML - oninput event (input event)

1 contributors

2 contributions

0 discussions

0 points

Created by:

Isaiah89

721

In this article, we would like to show you how to use input event in HTML.

Quick solution:

xxxxxxxxxx
 
<input type="text" oninput="myFunction()">

or using JavaScript:

xxxxxxxxxx
 
input.addEventListener('input', myFunction);

Practical example

Edit

In this example, we create a function that handles input event and we assign the function to the input element using oninput attribute.

xxxxxxxxxx
 
<!doctype html>
<html>
<head>
  <script>
​
    function myFunction(input) {
      console.clear();
      console.log("Current input value: " + input.value);
    }
​
  </script>
</head>
<body>
  <span>Type something to trigger oninput event:</span>
  <input type="text" id="my-input" oninput="myFunction(this)">
</body>
</html>