方法1:<body onload="document.getElementById('inputId').focus()">
方法2:
function init(){
document.getElementById("inputId").focus()
}
例如:
<body onload="document.getElementById('test').focus()">
我要获取焦点:<input type="text" name="test" id="test">
</body>
需要准备的材料分别是:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html的<script>标签中,输入js代码:
$('body').append(document.activeElement.id == "a" ? 'true': 'false')
$('#a').focus(function () {
$('body').append(document.activeElement.id == "a" ? 'true': 'false')
})
3、浏览器运行index.html页面,此时会发现false代表没有聚焦,点击聚焦后发现打印了true。
<html><head>
<script type="text/javascript">
function setFocus()
{
document.getElementById('password1').focus()
}
function loseFocus()
{
document.getElementById('password1').blur()
}
</script>
</head>
<body>
<form>
<input type="password" id="password1" value="thgrt456" />
<input type="button" onclick="setFocus()" value="Set focus" />
<input type="button" onclick="loseFocus()" value="Lose focus" />
</form>
</body>
</html>