js如何为按钮button添加焦点

时间:2017-03-20
本文章向大家介绍js如何为按钮button添加焦点，主要使用到javascript button的focus()方法。需要的朋友可以参考一下。

需求：

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

实现方法及代码：

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

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

完整代码如下 ：

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

在线运行

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

随机文章
Javascript知识点必读
最近更新