Wie zu erkennen, wenn der div-Kinder Inhalte mit jquery geändert

Habe ich einige code wie den folgenden:

<html>
    <body>
        <div id="product_descriptioncontent">
            <input type="text" id="a" />
            <textarea id="b" />
        </div>
    </body>
<html>

Das bedeutet, dass mein div-Element enthält entweder Eingänge, Textbereiche oder Bilder. Aber meine Frage ist, wie zu erkennen, das ändert sich, wenn alle Kinder, die Wert geändert, wird in einem div?

Meinst du die Erkennung von änderungen für die Bilder auch?

InformationsquelleAutor Aruna | 2012-06-06

3

Den onchange - Ereignis wird nur ausgelöst, wenn das element den Fokus verliert, das heißt, wenn es blurs mit einem anderen value als wenn es gewonnen focus.

Ich bin mir nicht bewusst, native listener, würde eine solche Funktionalität in Echtzeit, aber Sie könnten versuchen, zu manövrieren jQuery .Daten() Methode zum speichern den aktuellen Wert und überprüfen gegen Sie in einem standard-Tastatur-Ereignis, wie keyup:
```
$('#product_descriptioncontent').children().each(function() {
    $(this).on('keyup', function() {
        if ($(this).data('c_val') != $(this).val()) {
            alert('value changed!');
            //do other stuff
        }
        $(this).data('c_val', $(this).val());
    }).data('c_val', $(this).val());
});
```
JSFiddle

Beachten Sie, dass Sie können auch die Belegung der keyup auf mehrere Ereignisse, die für zusätzliche checks:
```
$(this).on('keyup mouseup blur', function(){
```
Sowie den Aufruf einfach $('#element').keyup() löst die on Funktion für das element, wenn Sie jemals brauchen, es zu nennen, ohne dass der Anwender Eingabe, nichts. =]

Beachten Sie, dass die .auf() jQuery-Methode wird nur unterstützt, in jQuery 1.7+, für ältere Versionen, die Sie verwenden sollten .live().

Nette Antwort! Ich wusste nicht, diese Dinge...
Danke =] wahrscheinlich hat schon jemand einen besseren Weg, ich wollte nur mein post Weg, Dinge zu tun, bevor Sie zu Bett gehen 😛 morgen werde ich überprüfen, was die akzeptierte Antwort für die am meisten geeignete Weg, dies zu tun.

InformationsquelleAutor Fabrício Matté

Können Sie etwas wie das hier tun:

$('#a, #b').on('change', function() {
   $('#product_descriptioncontent').css('border', '1px solid green')
});

InformationsquelleAutor thecodeparadox

Können Sie es auch tun, indem die Bindung des HTML5 input Veranstaltung für die Kinder-Elemente. Das funktioniert aber nicht für IE-Versionen kleiner als 9, aber in diesen Fällen können Sie die propertychange Veranstaltung. Der folgende code macht beides und da IE9 verträgt beides, wir lösen das propertychange Veranstaltung im Falle der IE9 da besser, verwenden Sie die standard - input Veranstaltung.

$(document).ready(function() {
    var propertyChangeUnbound = false;
    $("#product_descriptioncontent").children().bind("propertychange", function(e) {
        if (e.originalEvent.propertyName == "value") {
            alert("Value changed!");
            //do other stuff
        }
    });

    $("#product_descriptioncontent").children().bind("input", function() {
        if (!propertyChangeUnbound) {
            $("#product_descriptioncontent").unbind("propertychange");
            propertyChangeUnbound = true;
        }
        alert("Value changed!");
        //do other stuff
    });
});

Hier ein jsfiddle link: http://jsfiddle.net/yNxaW/

Dies ist zum Teil, basierend auf der Antwort zu einer anderen stackoverflow-Frage: Fangen nur Tastendrücke, die Eingabe ändern?

InformationsquelleAutor decider

Können Sie eine onchange Ereignis-listener.

<html>
    <body>
        <div id="product_descriptioncontent">
            <input onchange="somefunction(this)" type="text" id="a" />
            <textarea onchange="somefunction(this)" id="b" />
        </div>
    </body>
<html>

InformationsquelleAutor corazza

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.