jQuery - Обнаружить изменение значения, которое использует функцию .val()

Question

Мы все знаем, что использование val() не инициирует событие change, поэтому мы также используем .trigger('change') за val().

Но проблема в том, что кто-то пишет val() did't с trigger(), и это внешний файл, который я не могу отредактировать.

Итак, как я могу обнаружить изменение значения через некоторый код, так же, как показано ниже:

$('.elem').on('change', function(){ 
    // do something 
}); 

Answer 1

Try:

$('.elem').on('keyUp', function(){ 
    // do something 
}); 

или

$('.elem').on('lostFocus', function(){ 
    // do something 
}); 

Спасибо,

Answer 2

Мое предложение - переопределить j запросов Query val()

var originalValFn = jQuery.fn.val; 

jQuery.fn.val = function() { 
    this.trigger('change'); 
    originalValFn.apply(this, arguments); 
} 

jsfiddle: http://jsfiddle.net/2L7hohjz/js

Answer 3

Try:

setTimeout(function() { 
    if (currentValue != previousValue) 
    { 
     // do something 
    } 
}, 500); 

Спасибо,

Answer 4

Я обычно используют решения от этой должности, чтобы обойти проблемы, как это:

hidden input change event

watchField('.elem', function(){ 
    //do some stuff here 
}); 

function watchField(selector, callback) { 
    var input = $(selector); 
    var oldvalue = input.val(); 
    setInterval(function(){ 
     if (input.val()!=oldvalue){ 
      oldvalue = input.val(); 
      callback(); 
     } 
    }, 100); 
} 

Answer 5

var originalValFn = jQuery.fn.val; 

function getErrorObject(){ 
    try { throw Error('') } catch(err) { return err; } 
} 

jQuery.fn.val = function() { 
    if ($(this).hasClass("element")) { 
     var err = getErrorObject(); 
     var caller_line = err.stack.split("\n")[4]; 
     var index = caller_line.indexOf("at "); 
     var clean = caller_line.slice(index+2, caller_line.length); 

     console.log(clean); 
     console.log(arguments); 
    } 
    originalValFn.apply(this, arguments); 
};