使用事件觸發器如何在輸入更改時將值傳遞給函數

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();

現場演示

更新：

//這適用於頁面加載。

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
}