Question

我尝试在IE中使用focus（），但它不起作用。

这是我的源代码。

---------------------------- HTML ------------------ ----------

<tr>
<td>
    <input type="text" id="INPUT_TEST_1" onblur="fn_onblur(this)"/>
    <input type="text" id="INPUT_TEST_2" onblur="fn_onblur(this)"/>
</td>

----------------------------的JavaScript ------------------ ----------

function fn_onblur(obj){
var id = obj.id;
var target = $("#"+id);
if(gfn_isNull(target.val())){
    alert(id+" need input value!!!");
    target.focus();
    setTimeout(function() { 
        obj.focus();
    }, 1);
    return;
}

}

问题是当我点击INPUT_TEST_1和INPUT_TEST_2没有任何值时，

focus（）不起作用，但这适用于Chrome和FF。

我已经尝试了

setTimeout(function(){obj.focus();},1);
setTimeout(function(){target.focus();},1);
setTimeout(function(){$("#"+id).focus();},1);
setTimeout(function(){document.getElementById(id).focus();},1);

等等。

然而，任何事都不适合我。

Answer 1

我设法通过设置超时来关注输入

<form>
   <label for="name">Name</label>
   <input id="name" name="name" />
    <br />
   <label for="city">City</label>
   <input id="city" name="city" />
    <br />
</form>

然后..

$('input[name="name"]').blur(function(e){
    if(/^\s*$/.test($(this).val())){
        alert('Value needed');
        setTimeout(function() {e.target.focus();}, 50);
    }
});

fiddle here

Answer 2

去年我在IE上使用onblur Html属性时遇到了一些问题。我发现只有在设置tabindex属性时它才有效。

如果您在MSDN上阅读，那就说了。

注意：我不知道IE10和IE11是否仍然存在问题..我们不知道您正在使用哪个版本的IE。

希望它有所帮助。

focus（）在IE中不起作用

2 个答案: