下面的例子展示了如何使用 onchange。当用户改变输入字段的内容时，将调用 upperCase() 函数。 - 在线编辑器

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<head>
  <script>
    function myFunction() {
      var x = document.getElementById("fname");
      x.value = x.value.toUpperCase();
    }
  </script>
</head>
<body>

  输入你的名字: <input type="text" id="fname" onchange="myFunction()">
  <p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>

</body>
</html>
​x
 
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
</head>
<head>
  <script>
    function myFunction() {
      var x = document.getElementById("fname");
      x.value = x.value.toUpperCase();
    }
  </script>
</head>
<body>
​
  输入你的名字: <input type="text" id="fname" onchange="myFunction()">
  <p>当你离开输入框后，函数将被触发，将小写字母转为大写字母。</p>
​
</body>
</html>