onblur 事件

定义和用法

onblur 事件会在对象失去焦点时发生。

语法

  1. onblur="SomeJavaScriptCode"
参数 描述
SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

支持该事件的 HTML 标签:

  1. <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>,
  2. <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>,
  3. <em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>,
  4. <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>,
  5. <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>,
  6. <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,
  7. <th>, <thead>, <tr>, <tt>, <ul>, <var>

支持该事件的 JavaScript 对象:

  1. button, checkbox, fileUpload, layer, frame, password,
  2. radio, reset, submit, text, textarea, window

实例 1

在本例中,我们将在用户离开输入框时执行 JavaScript 代码:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function upperCase()
  5. {
  6. var x=document.getElementById("fname").value
  7. document.getElementById("fname").value=x.toUpperCase()
  8. }
  9. </script>
  10. </head>
  11.  
  12. <body>
  13.  
  14. 输入您的姓名:
  15. <input type="text" id="fname" onblur="upperCase()" />
  16.  
  17. </body>
  18. </html>

输出:

输入您的姓名: