onchange - 当用户更改输入字段的内容时

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <script>
  5. function myFunction() {
  6.   var x = document.getElementById("fname");
  7.   x.value = x.value.toUpperCase();
  8. }
  9. </script>
  10. </head>
  11. <body>
  12.  
  13. 请输入您的姓名：<input type="text" id="fname" onchange="myFunction()">
  14. <p>离开输入字段时，会触发一个函数，将输入文本转换为大写。</p>
  15.  
  16. </body>
  17. </html>