javascript - jQuery - 自定义触发器无法正常工作

Question

在我的表单中，在“keyup”上 - 我正在触发一个自定义事件。但这不起作用。我也需要从触发器接收值。

这是我的代码:

(function($){

    $(document).on('nameEnter', showName);

    input = $('#name');
    input.on('keyup', function(){
        var value = $(this).val();
        $.event.trigger({
            type:'nameEnter',
            value:value,
            time: new Date()
        });
    });

    var showName = function(params){
        console.log('params is', params); //nothing happening!
    };

}(jQuery));

Live Demo is Here.

Answer 1

在将 showName 传递给 .on 方法之前，您必须定义它:

var showName = function(params){
    console.log('params is', params);
};

$(document).on('nameEnter', showName);