Czy jQuery może sprawdzić, czy zawartość wejściowa się zmieniła?

Tak, porównaj go z wartością, która była przed zmianą.

var previousValue = $("#elm").val();
$("#elm").keyup(function(e) {
    var currentValue = $(this).val();
    if(currentValue != previousValue) {
         previousValue = currentValue;
         alert("Value changed!");
    }
});

Inną opcją jest wyzwalanie zmienionej funkcji tylko na niektórych klawiszach. Użyj e.KeyCode, aby dowiedzieć się, który klawisz został naciśnięty.

   function checkChange($this){
    var value = $this.val();      
    var sv=$this.data("stored");            
        if(value!=sv)
          $this.trigger("simpleChange");    
    }

$(document).ready(function(){
$(this).data("stored",$(this).val());   
    $("input").bind("keyup",function(e){  
    checkChange($(this));
});        
$("input").bind("simpleChange",function(e){
    alert("the value is chaneged");
    });        
});

Oto skrzypce http://jsfiddle.net/Q9PqT/1/

Można również zapisać wartość początkową w atrybucie danych i przetestować ją z bieżącą wartością.

<input type="text" name="somename" id="id_someid" value="" data-initial="your initial value" /> 

$("#id_someid").keyup(function() {
    return $(this).val() == $(this).data().initial;
});

Zwróci true, jeśli wartość początkowa nie uległa zmianie.

Możesz użyć danych w jQuery i złapać wszystkie zdarzenia, które następnie testują je pod kątem ostatniej wartości (nieprzetestowanej):

$(document).ready(function() {  
    $("#fieldId").bind("keyup keydown keypress change blur", function() {
        if ($(this).val() != jQuery.data(this, "lastvalue") {
         alert("changed");
        }
        jQuery.data(this, "lastvalue", $(this).val());
    });
});

To byłoby całkiem dobre w stosunku do długiej listy przedmiotów. Użycie jQuery.data oznacza, że nie musisz tworzyć zmiennej javascript, aby śledzić wartość. Możesz zrobić $("#fieldId1, #fieldId2, #fieldId3, #fieldId14, etc"), aby śledzić wiele pól.

Aktualizacja: Dodano blur do listy bind.

Musiałem użyć tego rodzaju kodu do skanera, który wklejał rzeczy do pola

$(document).ready(function() {
  var tId,oldVal;
  $("#fieldId").focus(function() {
     oldVal = $("#fieldId").val();
     tId=setInterval(function() { 
      var newVal = $("#fieldId").val(); 
      if (oldVal!=newVal) oldVal=newVal;
      someaction() },100);
  });
  $("#fieldId").blur(function(){ clearInterval(tId)});
});

Nie testowane...

Myślę, że nie ma "prostego" rozwiązania. Prawdopodobnie będziesz musiał użyć zarówno zdarzeń onKeyUp, jak i onChange, aby również złapać zmiany za pomocą myszy. Za każdym razem, gdy twój kod jest wywoływany, możesz zapisać wartość, którą "widziałeś" na tym.seenValue dołączone prawo do pola. To powinno być trochę łatwiejsze.

Możesz ustawić zdarzenia na kombinacji klawiszy i myszy, a także onblur, aby mieć pewność. W takim przypadku należy zapisać wartość danych wejściowych. W następnym wywołaniu porównaj bieżącą wartość z ostatnio zapisaną wartością. Czyń swoją magię tylko wtedy, gdy faktycznie się zmieniła.

Aby zrobić to w mniej lub bardziej czysty sposób:

Można powiązać dane z elementem DOM (lookup api.jquery.com/jQuery.data ) można więc napisać ogólny zestaw procedur obsługi zdarzeń, które są przypisane do wszystkich elementów w forma. Każde zdarzenie może przekazać element, przez który zostało wywołane, do jednej funkcji ogólnej. Ta jedna funkcja może dodać starą wartość do danych elementu. W ten sposób powinieneś być w stanie zaimplementować to jako ogólny fragment kodu, który działa na całym formularzu I każdym formularzu, który napiszesz od teraz. :) I zajmie to chyba nie więcej niż około 20 linijek kodu.

Oto przykład: http://jsfiddle.net/zeEwX/

Ponieważ użytkownik może przejść do menu systemu operacyjnego i wybrać wklej za pomocą myszy, nie ma bezpiecznego zdarzenia, które spowoduje to dla Ciebie. Jedynym sposobem, który zawsze działa, jest posiadanie setInterval, który sprawdza, czy wartość wejściowa się zmieniła:

var inp = $('#input'),
    val = saved = inp.val(),
    tid = setInterval(function() {
        val = inp.val();
        if ( saved != val ) {
            console.log('#input has changed');
            saved = val;
    },50);

Możesz również skonfigurować to za pomocą specjalnego zdarzenia jQuery.