html的DOM中Event对象onblur事件用法实例

  本文实例讲述了html的DOM中Event对象onblur事件用法。分享给大家供大家参考。具体分析如下:

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

  语法如下:

  

复制代码 代码如下:
onblur="SomeJavaScriptCode"

  SomeJavaScriptCode 必需。规定该事件发生时执行的 JavaScript。

  支持该事件的 HTML 标签:

  <a>, <acronym>, <address>, <area>, <b>, <bdo>, <big>, <blockquote>,

  <button>, <caption>, <cite>, <dd>, <del>, <dfn>, <div>, <dl>, <dt>,

  <em>, <fieldset>, <form>, <frame>, <frameset>, <h1> to <h6>, <hr>, <i>,

  <iframe>, <img>, <input>, <ins>, <kbd>, <label>, <legend>, <li>,

  <object>, <ol>, <p>, <pre>, <q>, <samp>, <select>, <small>, <span>,

  <strong>, <sub>, <sup>, <table>, <tbody>, <td>, <textarea>, <tfoot>,

  <th>, <thead>, <tr>, <tt>, <ul>, <var>

  支持该事件的 JavaScript 对象:

  button, checkbox, fileUpload, layer, frame, password,

  radio, reset, submit, text, textarea, window

  例子:在用户离开输入框时执行 JavaScript 代码:

  

复制代码 代码如下:
<html>

  <head>

  <script type="text/javascript">

  function upperCase()

  {

  var x=document.getElementById("fname").value

  document.getElementById("fname").value=x.toUpperCase()

  }

  </script>

  </head>

  <body>

  输入您的姓名:

  <input type="text" id="fname" onblur="upperCase()" />

  </body>

  </html>

  希望本文所述对大家的javascript程序设计有所帮助。