<body onload="getfocus()">
<input id='txt1' />
<input type="button" onblur="getfocus()" value="Test"/>
<script>
function getfocus(){
document.getElementById("txt1").focus();
}
</script>
</body>
在上面的代码中,getfocus(( 在正文加载时按预期工作,但在按钮模糊时它没有按预期工作,即 txt1 没有获得焦点。
请告诉我为什么TXT1没有专注于"Onblur"事件。
您需要添加一个
tab-index
属性 #txt1
,否则您的浏览器将退出文档(对我来说,使用 Chrome 进入地址栏(。
<body onload="getfocus()">
<input id='txt1' tab-index="1" />
<input type="button" onblur="getfocus()" value="Test"/>
<script>
function getfocus(){
document.getElementById("txt1").focus();
}
</script>
</body>
顺便说一句,您会注意到,如果您在第二个input
之后添加另一个任意的第三个,它也会开始工作。
Edit
尝试在#txt
上添加onblur='getfocus()
,并在按钮上添加onclick="getfocus()"
。
片段
看来tab-index='1'
效果很好。
<body onload="getfocus()">
<input id='txt1' tab-index='1' onblur='getfocus()' />
<input type="button" onclick="getfocus()" value="Test" />
<script>
function getfocus() {
document.getElementById("txt1").focus();
}
</script>
</body>