软件学堂

网游分类软件分类

JS代码实现按钮获取焦点

2012-10-20 来源:网络

【实例名称】

按钮获取焦点

【实例描述】

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

【实例代码】

    <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代码实现文本框滚动导航
下一篇:AutoCAD自定义线型的小技巧

相关文章