HTML DOM blur() 方法

定义和用法

blur() 方法用于从文本域移开焦点。

语法

  1. textObject.blur()

实例

下面的例子可设置和移开文本域上的焦点:

  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function setFocus()
  5. {
  6. document.getElementById('text1').focus()
  7. }
  8. function loseFocus()
  9. {
  10. document.getElementById('text1').blur()
  11. }
  12. </script>
  13. </head>
  14. <body>
  15.  
  16. <form>
  17. <input type="text" id="text1" />
  18. <br />
  19. <input type="button" onclick="setFocus()" value="Set focus" />
  20. <input type="button" onclick="loseFocus()" value="Lose focus" />
  21. </form>
  22.  
  23. </body>
  24. </html>