<body onload="getfocus()">
<input id='txt1' />
<input type="button" onblur="getfocus()" value="Test"/>
<script>
function getfocus(){
document.getElementById("txt1").focus();
}
</script>
</body>
在上面的代码中,getfocus()在body onload上可以按预期工作,但是按钮的onBlur不能按预期工作,即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
之后添加另一个任意的,它也会开始工作。