需求:

html文档中有两个button按钮:button1和button2, 当我们点击button2按钮的时候,button1将获取焦点。

 

实现方法及代码:

首先写一个moveFocus函数,该函数为button2获取焦点,获取焦点主要使用到js的focus()方法。

function moveFocus()
{
      document.myForm.button1.focus();
}

完整代码如下 :

<html>
    <  language=\" \">
    function moveFocus()
    {
      document.myForm.button1.focus();
    }
    </ >
    <form name=\"myForm\">
      <input type=\"button\" value=\"按钮1\" name=\"button1\"><br>
      <input type=\"button\" value=\"按钮2\" name=\"button2\"  =\"moveFocus()\">
    </form>    
</html>

在线运行

当我们点击button2按钮时,button1将获取焦点。

收藏 打印