用自带的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-获得字段焦点
焦点处理主要包括focus（获取焦点）和blur（失去焦点）事件类型。1、获取焦点：focus，当单击或使用Tab键切换到某个表单元素或超链接对象时，会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下，整个文档处于焦点状态，但是单击或者使用Tab键可以改变焦点位置。
2、失去焦点：blur，blur事件类型表示在元素失去焦点时响应，它与focus事件类型是对应的，主要作用于表单元素和超链接对象，示例：输入框失去点击焦点时，会在文本框后面提示“请输入11位手机号。。。”，并且输入内容是非数字时，会提示“请输入数字。。。”
判断鼠标焦点function addListener(element, e, fn) {
if (element.addEventListener) {
element.addEventListener(e, fn, false)
} else {
element.attachEvent("on" + e, fn)
}
}
addListener(document, "click", function (evt) {
var evt = window.event ? window.event : evt, target = evt.srcElement || evt.target
if (target.id == "div") {
//焦点在“div”中
return
} else {
//
}
})
