jQuery實時監聽input的值變化（input的值產生變化才會觸發事件）

 

//用於監聽input的值變化（input的值產生變化才會觸發事件）
        (function ($) {
            $.fn.watch = function (callback) {
                return this.each(function () {
                    //緩存以前的值  
                    $.data(this, 'originVal', $(this).val());

                    //event  
                    $(this).on('keyup paste', function () {
                        var originVal = $.data(this, 'originVal');
                        var currentVal = $(this).val();

                        if (originVal !== currentVal) {
                            $.data(this, 'originVal', $(this).val());
                            callback(currentVal);
                        }
                    });
                });
            }
        })(jQuery);

 

$("input:text").watch(function(value) {  

  console.log(value); 

});