jQuery onBlur仅适用于第二次单击

Question

出于某种原因，我的代码仅在我第二次单击输入时有效时才能使其第一次加载？

function postTitleCheck() {
    $('.postForm').on('blur', '#post_title', function (e) {
        alert('hi');
        $(".postForm #post_url_link").blur();
    });
}

Answer 1

尝试

$(document).ready(function () {
    $('.postForm').on('blur', '#post_title', function (e) {
        alert('hi');
        $(".postForm #post_url_link").blur();
    });

    function postTitleCheck() {
        $(".postForm #post_title").blur();
    }
});

  

不要在函数中注册事件处理程序。调用函数时   每次都会注册一个新的事件处理程序，这会导致许多事件   处理程序。

示例

click 1 - handler count -1
click 2 - handler count -2
click 3 - handler count -3
..... and so on

并将代码包装在DOM ready handler

中