JS代码实现按钮获取焦点

2012/10/20 10:27:59作者：佚名来源：网络

移动端

【实例名称】

按钮获取焦点

【实例描述】

用户在注册时，需要阅读有关协议，并同意这些胁议才允许继续注册。为了简化用户的操作，通常将焦点默认在“同意”按钮上。本例学习如何在页面打开时，让按钮自动获取焦点。

【实例代码】

    <script language="javascript">
    function GetFocus()
    {
 document.form1.btnAgree.focus();
    }
    </script>

需要在页面中，添加一个fom和两个按钮，注意按钮必须命名。在body的加载事件中调用”GetFocus”方法，代码如下所示：

<body onload="GetFocus()">
<form name="form1">
<input id="btnAgree" type="button" value="我同意"/>
<input id="btnRefuse" type="button" value="我不同意"/>
</form>
</body>

【运行效果】

运行效果

【难点剖析】

本例中使用了form，要获取焦点的控件必须在form内，且焦点必须具备“name”或“id”属性，用来获取控件的唯一的标识。方法“focus”用来为指定的控件获取焦点。

【源码下载】

本实例JS代码下载

标签： JS代码按钮焦点

热门软件/ 推荐游戏/ 手机软件

资讯分类

Dreamweaver Flash DIV+CSS 编程其他

精品软件推荐

JS代码实现按钮获取焦点

资讯分类

推荐教程

精品软件推荐