87,910
社区成员
发帖
与我相关
我的任务
分享光标聚焦争夺问题，急。。。
前提： 在Chrome浏览器中，
最终想要的效果是，
当text失去焦点后，如果text中的文字符合条件时（例如：123），弹出警告，并将光标聚焦到该text中，
现在，当鼠标点击其他区域时（例如，button，空白区域，其他text），正常；但是，点击Select后，focus失效了，光标被聚焦到了Select上，原本的text中的focus，没有起到作用。
但是，如果给focus加上setTimeout方法后，一切就正常了。
问题：
为什么在点击Select后，光标无法聚焦回Text中来，非常不解，望高手帮忙解答。
最终想要的效果是，
当text失去焦点后，如果text中的文字符合条件时（例如：123），弹出警告，并将光标聚焦到该text中，
现在，当鼠标点击其他区域时（例如，button，空白区域，其他text），正常；但是，点击Select后，focus失效了，光标被聚焦到了Select上，原本的text中的focus，没有起到作用。
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function ChkForInputField(objCol)
{
if (objCol.value == "123")
{
alert("ChkForInputField");
objCol.focus();
//setTimeout(function(){
// document.getElementById(objCol.id).focus();
// },0);
}
}
</script>
</head>
<body>
<select size="10" style="width:190;" border="0">
<option>1111111</option>
<option>1111111</option>
<option>1111111</option>
</select>
<br><br>
<input type="button" value="test" >
<br><br>
<input type="text">
<br><br>
input(123):<br><input type="text" value="" id="test_onblur" onblur="ChkForInputField(this);"/>
</body>
</html>
但是，如果给focus加上setTimeout方法后，一切就正常了。
问题：
为什么在点击Select后，光标无法聚焦回Text中来，非常不解，望高手帮忙解答。
...全文
请发表友善的回复…
发表回复
ufomhb2012 2015-10-05
- 打赏
- 举报
这感觉和时序没有关系吧，在IE下没有问题，感觉像是Chrome的一个Bug。
ufomhb2012 2015-10-05
- 打赏
- 举报
你能更新到最新的45.0.2454.101 m ，帮我看下，有没有类似的问题出现吗？麻烦你了。
ufomhb2012 2015-10-05
- 打赏
- 举报
效果就是验证不通过的时候，不让光标出来。
我这里是Chrome 45.0.2454.101 m， 就是在点select选择框下部那里的时候，
光标被转移到select框上了，
你们都没有出现这样的问题吗？
tcmakebest 2015-10-04
- 打赏
- 举报
楼主说的问题不存在,但却有出现另一个问题,就是不能切换到其他标签了,楼主这么搞感觉不行
天际的海浪 2015-10-02
- 打赏
- 举报
我这里测试正常。
Chrome 浏览器版本 44.0.2403.89 m
以专业开发人员为伍 2015-10-02
- 打赏
- 举报
自己考虑一下逻辑时序问题呗。
