用自带的focus()就可以了
利用js中<input/>实现文本框默认获取输入焦点完整代码实现如下：
<html>
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
//输入框获取鼠标焦点
function autoFocus(){
var pFocus = document.getElementById("password")
pFocus.focus()
pFocus.select()
}
</script>
</head>
<body onload="autoFocus()">
<div id="loginform">
<h1 style="font-size:1.5empadding:20px">输入密码</h1>
<form action="${pageContext.request.contextPath}/" method="post">
<input id="password" type="password" name="password">
<input type="submit" value="提交">
</form>
</div>
</body>
</html>
扩展资料：
JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发JavaScript函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义 。
参考资料：
JavaScript官方API接口-:focus
百度百科-JavaScript
W3cschool-获得字段焦点
<body onload="javascript:showLoginMeg('usrId','${loginForm.loginMsg}')"> //在body中定义事件function showLoginMeg(logobj,loginMsg){
if ("" != loginMsg){
//logobj.focus()
alert(loginMsg)
document.getElementById(logobj).focus() //此处的logobj是一个字符串 得把他转换成对象进行焦点的定位
}
}
<pre></pre>
<pre></pre>
<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:0px right:auto top:89px">
<div title="点击翻译" id="translator-floating-panel-button"></div>
</div>
<pre></pre>
<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:545px right:auto top:20px">
<div title="点击翻译" id="translator-floating-panel-button"></div>
</div>
<div style="padding-top:20px">
<p style="font-size:12px">版权声明：本文为博主原创文章，未经博主允许不得转载。</p>
</div>
