addEventListener("change", myFunction); - Javascript DOM Event

Javascript examples for DOM Event:addEventListener

  1. HOME
  2. Javascript
  3. DOM Event
  4. addEventListener

Description

The onchange event occurs when the value of an element has been changed.

Summary

Bubbles Yes
Cancelable No
Supported HTML tags: <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type="file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week">, <select> and <textarea>

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

Enter your name: <input type="text" id="fname">

<script>
document.getElementById("fname").addEventListener("change", myFunction);

function myFunction() {//from  w w w .  j a  va 2  s. c  o m
    var x = document.getElementById("fname");
    x.value = x.value.toUpperCase();
}
</script>

</body>
</html>

Related Tutorials