.focus()onblur在Mozilla中不起作用

时间:2014-10-16 14:18:33

标签: javascript jquery focus onblur

我有一个文本框,我试图在触发模糊事件时聚焦,如下所示:

<input type='text' onblur="$(this).focus()"/>

这在Chrome和IE中完美运行,但在Mozilla中失败。

我该如何解决这个问题?

这里是 Problem

2 个答案:

答案 0 :(得分:0)

引入计时器以确保您的代码在与触发&#34;模糊&#34;事件:

document.getElementsByTagName("input")[0].addEventListener("blur", function() {
    var element = this;
    setTimeout(function() {
        element.focus();
    }, 1);
}, true);

Forked fiddle.

答案 1 :(得分:0)

尝试使用此功能。 形式,

    <form>
        Name: <input type='text' name='name'></input>
    </form>

JQuery的

$(document).ready(function(){
   setupForms();
});

function setupForms(){
    $('input').focus(function(){
        $(this).css('outline-color', '#FF0000');
    });
}