onblur - 当用户离开输入字段时

  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" onblur="myFunction()">
  14.  
  15. <p>当离开输入字段时，会触发一个函数，将输入文本转换为大写。</p>
  16.  
  17. </body>
  18. </html>