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

}); 

 

posted @ 2017-01-19 15:55  huangzebin  阅读(30016)  评论(0编辑  收藏  举报