Javascript Texteingabe Änderung Ereignis nicht feuern

Question

Ich habe ein Textfeld Eingabefeld und ein Kontrollkästchen. Wenn ich den Text ändere und dann außerhalb des Eingabefeldes klicke (oder Enter oder Tab drücke), wird das Änderungsereignis ausgelöst. Aber wenn ich etwas Text eingebe und dann mit der Maus direkt auf das Kästchen klicke, scheint nur das Kontrollkästchen change event ausgelöst zu werden.

Ich habe den folgenden Code:

<input type="text" name="text" class="update"> 
<input type="checkbox" name="check" class="update"> 

und diese jQuery:

$('.update').change(function(){ 
    console.log($(this)); 
}); 

Ist das ein bekanntes Problem, und wie kann ich sicherstellen, dass alle Änderungsereignisse ausgelöst werden/geworfen/gefangen in diese Einrichtung?

Answer 1

Ich bin mir nicht sicher, ob ich es bekomme. Aber für mich, wenn ich versuche, ein Textfeld einzugeben und dann mit der Maus auf das Kontrollkästchen zu klicken, werden beide Ereignisse ausgelöst. Aber Sie müssen bedenken, dass das Ereignis "change" für die Texteingabe bedeutet, dass dieser Eingang den Fokus verlieren muss, solange das Feld fokussiert ist, wird kein Änderungsereignis ausgelöst. Das könnte irgendwie dein Fall sein. Checkboxen/Radioboxen funktionieren anders. Keine Notwendigkeit, den Fokus zu verlieren.

Prost.

P.S. Mein Testfall: http://dl.dropbox.com/u/196245/index16.html

Answer 2

Das Änderungsereignis wird für beide ausgelöst, weil Sie die Aktualisierungsklasse überwachen.

Answer 3

Die Veranstaltung Änderung wird nicht ausgelöst, wenn der Eingabefokus auf andere Steuerelemente

geschaltet

Answer 4

Benutzer Änderungen zu schießen, verwenden Sie das Eingabeereignis:

$('input').on('input',function(){...}) 

Um Feuer Code Änderungen, verwenden Sie das Ereignis DOMSubtreeModified:

$('input').bind('DOMSubtreeModified',function(){...}) 

Wenn Sie beiden Benutzer und Code-Änderungen feuern wollen:

$('input').bind('input DOMSubtreeModified',function(){...}) 

Das DOMSubtreeModified Ereignis markiert als veraltet und zum Teil recht CPU zeitaufwendig, aber es kann auch sehr effizient, wenn sorgfältig verwendet ...