HTML DOM focus() 方法

定义和用法

focus() 方法用于给予该元素焦点。这样用户不必点击它,就能编辑显示的文本了。

语法

  1. textareaObject.focus()

实例

下面的例子设置并移开了文本框上的焦点:

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