使用事件触发器如何在输入更改时将值传递给函数

Question

我想检查输入值，如果值为null，那么我想将值设置为1.每当输入元素值改变时，我需要一个事件触发器......

我在这里试过，但它没有用。我的代码有什么问题，或者正确的方法是什么？

这是我的代码：

var page = function () {
    return {
        init : function () {
            var input = $("#pNo");
            $(document).on("pageChange", this.onPageChange.bind(this));
            $.event.trigger({type: "pageChange", element:input});
            $(this.pageInput).bind("change paste keyup", $.event.trigger({type: "pageChange"}));
        },

        onPageChange : function (e) {
            // from the e i would like to select input value...
        }
    }
}();

page.init();

Live Demo

更新：

//这适用于页面加载..

var page = function () {
    return {
        init : function () {
            var input = $("#pNo");
            $(input).val(1).trigger('pageChange');
            $(document).on("pageChange", this.onPageChange.bind(this));
            $(this.pageInput).bind("change paste keyup", $.event.trigger({type: "pageChange"}));
        },

        onPageChange : function (e) {
            console.log(e)
        }
    }
}();

page.init();

Answer 1

只需使用.change（）并将函数包装在那里或调用触发器。

$("#pNo").change(function(){
 if($(this).val() == ""){
   $(this).val("1");
 }
 //your function to be triggered on change
}