Javascript: Prüfen Sie, wenn das Element Geändert hat

Will ich wissen, ob es möglich ist, zu prüfen, wie in javascript, wenn ein element geändert wurde oder ein Attribut es?

Ich meine so etwas wie window.onhashchange für ein element so etwas wie:

document.getElementById("element").onElementChange = function();

Ich weiß onchange ist so etwas wie dieses, aber wird es funktionieren, wenn ich wissen will, in dieser Weise:

var element = {};
element.attribute = result;

element.attribute.onchange = function();

Könnten Sie bitte bestätigen, ob Sie suchen, um Titel ändern in dem Attribut des Objekts oder Veränderung der Attribut eines DOM-Elements?Dank
Duplikat von stackoverflow.com/questions/4266852/...
Ich denke nicht so 😛 dies ist eine Allgemeine Frage.

InformationsquelleAutor Adam | 2010-11-27

8

Soweit ich verstehe, Sie möchten onChange-javascript-Objekt Eigenschaften. Die Antwort ist Nein, es existiert nicht soweit ich weiß.

Aber Sie können eine Set-Funktion wie folgt aus (Als proof-of-concept):
```
var element = {};

element.setProperty = function(property, value) {
  if (typeof(element.onChange) === 'function') {
    element.onChange(property, element[property], value);
  }

  element[property] = value;
};



element.onChange = function(property, oldValue, newValue) {
  alert(property + ' changed from ' + oldValue + ' to ' + newValue);
};

element.setProperty('something', 'Hello world!');
```
nun erhalten Sie eine alert-box mit " etwas geändert von undefined Hallo Welt!'. Und (element.something === 'Hello World!') zurück true.

wenn Sie jetzt rufen:
```
element.setProperty('something', 'Goodbye world!');
```
erhalten Sie eine alert-box mit " etwas geändert-Hallo Welt! auf Wiedersehen, Welt!'.

Off-Kurs, müssen Sie die Eigenschaft nur über die setProperty Methode in allen Ihren code, wenn Sie möchten, erfassen Sie diese Veranstaltung!

Edit:

Einige Zeit in der Zukunft, könnten Sie in der Lage sein zu verwenden Objekt.beobachten().

Edit 2:

Gibt es jetzt auch proxies.
- Ich glaube, dass nur Eingabefelder Feuer das onChange-Ereignis ab, wenn Ihr Wert geändert wird... ist dieser code getestet? wenn dem so ist, funktioniert es unter allen Browsern?
- soweit ich das verstanden habe, diese Frage hat nichts zu tun mit DOM-Elemente. Es ist über javascript-Objekte. Getestet habe ich diese in der Chrome-Konsole. Ich bin mir ziemlich sicher, dass es funktioniert auf anderen Browsern auch.
InformationsquelleAutor Jan
1

Ich denke, Sie müssten eine Möglichkeit zum erfassen des Ereignisses die änderung im Attribut, anstatt die änderung in einem Attribut. Die änderung im Attribut könnte nur entweder durch CSS oder javascript, die beide Erscheinungsformen der Aktionen des Benutzers.
- Ja, sollten Sie erfassen den Fall, dass das Attribut ändern. Es gibt keinen Ereignis-listener für "änderungen der attribute"
- ja, es ist nicht eine Notwendigkeit, um sich auf solche änderungen, weil entweder Weg (CSS-oder javascript -), wir binden diese mit den bestehenden event-Modell. Dank
- -1, Diese Frage ist nicht etwa der DOM, siehe: var element = {};
- scheint so, vielleicht habe ich es falsch interpretiert. Allerdings stellt sich die Frage, ob dieses Szenario tatsächlich garantieren die Verwendung von einem event-Modell?
- Warum nicht, was ist Los mit events? Javascript ist eine sehr gute Sprache für das arbeiten mit Ereignissen.
- Es ist besser zu integrieren, die Logik in der fasser selbst. Nur weil Ereignisse der Arbeit bedeutet nicht, dass es gutes design zu beschäftigen, die Sie die ganze Zeit.
- Niemand hat gesagt, er hat es zu benutzen die ganze Zeit. Es gibt Anwendungsfälle, wo ein event-system ist vollkommen gültig.
- Genau mein Punkt, nicht einer von Ihnen
- Was redest du da? Er hat nicht erklärt seinen Anwendungsfall. Wenn er will, reagieren auf Veränderungen in einem Objekt von außerhalb des Kontext ist es ein Gültiger Anwendungsfall. Wenn Sie wollen, um wie databinding in wpf ist dieses Muster ein muss.
- Sie waren rechts +1
InformationsquelleAutor Philar
1

Ich glaube, es gibt kein solches Ereignis. Allerdings können Sie mit setInterval oder setTimeout, um für die Uhr element verändert und es verwenden, um entsprechend zu reagieren.

InformationsquelleAutor Zathrus Writer

Habe ich dies getan. Es funktioniert ziemlich gut. Ich würde verwendet haben, die setProperty-Methode, wenn ich es gewusst hätte.

function searchArray(searchValue, theArray, ChangeValue){
    for (var i=0; i < theArray.length; i++) {
        if (theArray[i].id === searchValue) {
            theArray[i].changed = ChangeValue;
        }
    }
}

function getArrayIindex(elementid, theArray){
    for (var i=0; i < theArray.length; i++) {
        if (theArray[i].id === elementid) {
            return i;
        }
    }
}

function setInputEvents(hiddenObject) {

        var element;

        for (var i = 0; i < document.forms[0].length; i++) {
            element = document.forms[0].elements[i];

            //Check to see if the element is of type input
            if (element.type in { text: 1, password: 1, textarea: 1 }) {

                arrFieldList.push({
                    id: element.id,
                    changed:false,
                    index: i,                    
                });

                element.onfocus = function () {
                    if (!arrFieldList[getArrayIindex(this.id, arrFieldList)].changed) {
                        hiddenObject.value = this.value;
                        this.value = '';
                    }
                }

                element.onblur = function () {
                    if (this.value == '') {
                        this.value = hiddenObject.value;
                    }
                }

                element.onchange = function () {
                    searchArray(this.id, arrFieldList, true);
                }
            }

        }

InformationsquelleAutor Welshboy

0

Du vielleicht eine mutation observer.

dies zu tun, erstellen Sie zuerst eine callback - (das ausgelöst wird, wenn das dom-element ändert)

weisen Sie es einem Beobachter var observer = new MutationObserver(callback);

Dann sagen die Beobachter, was beobachten observer.observe('<div></div>', observerOptions);

Aus:
Mozilla Seite auf Mutation Beobachter

InformationsquelleAutor lucsan

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.