javascript - 双重启动 onblur 事件

Question

我有 javascript 代码，应该在焦点转移时执行一次。一切正常，但由于某些奇怪的原因，这段代码执行了两次，因此我给出了两个警告窗口。

$(document).ready(function() {
    $('#username').blur(function() {

        var formData = {
            "username":$('#username').val()
        };

        $.ajax({
            url:'check.php',
            type:'POST',
            data:'jsonData=' + $.toJSON(formData),
            success: function(res) {
                alert(res);
            }

        });
    });
});

我做错了什么？

Answer 1

一些浏览器(Chrome，也许是 Safari)在浏览器 window 失去焦点时触发一个单独的“blur”事件。这对我来说似乎是一个错误，我不知道可以做些什么。

详细说明:如果您在 <input> 上有一个“模糊”处理程序，它获得了焦点，然后您在浏览器窗口外单击(或按 ALT-TAB 键切换到另一个应用程序)，然后 Chrome 会触发两个“模糊”事件。这两个事件看起来几乎相同，因此很难判断您是否应该注意。

我最好的建议是在“焦点”和“模糊”上切换一些“类”值或某些东西，并忽略看起来不处于正确“我只是专注”状态的“模糊” .

Here's the question I posted on that issue.