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

.focus() onblur not working in Mozilla

本文关键字:Mozilla 不起作用 onblur focus      更新时间:2023-09-26

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

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

这在Chrome和IE中非常有效,但在Mozilla中失败了。

我该如何解决此问题?

这是问题

引入一个计时器,以确保您的代码在一个独立于触发"模糊"事件的事件循环中运行:

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

分叉的小提琴。

试着使用这个。表单,

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

JQuery

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