jQuery Änderungsmethode in Vanilla JavaScript?

8

Ich habe unten ein kleines Stück jQuery-Code geschrieben, das die Änderungsmethode verwendet. Ich habe gerade herausgefunden, dass jQuery nicht mehr im Projekt verwendet wird, daher muss ich die Änderungsmethode in Vanilla JS neu schreiben. Ich suche nur nach Unterstützung, wie ich das machen kann. Hier ist der Code, er zieht den Wert einer Eingabe und gibt sie in eine andere ein.

%Vor%     
Stavros_S 11.06.2014, 21:35
quelle

3 Antworten

7

Browser variieren je nachdem, wie Ereignisse angehängt werden sollen. Sie möchten wahrscheinlich mit einer kleinen Hilfsmethode beginnen:

%Vor%

Für das folgende Beispiel gehe ich davon aus, dass Ihr IIFE wirklich ein DOM-fähiges Event sein sollte. Das IIFE in Ihrem Code scheint keinen wirklichen Zweck zu erfüllen. Also ...

Es gibt zwei Ereignisse aus Ihrem Code, das DOM-ready-Ereignis ("DOMContentLoaded") und das Änderungsereignis des Auswahlelements ("onchange"). Wenn Sie den obigen Helfer nutzen, wird Ihre jQuery-Syntax wie folgt übersetzt:

%Vor%

Working jsFiddle Demo

    
Cᴏʀʏ 11.06.2014, 21:48
quelle
10

Wenn Sie alte IEs nicht unterstützen müssen, können Sie querySelector + addEventListener :

%Vor%

Optisch sieht es so aus, als würden Sie mit jQuerys .on('change', fn) (was .change() aufruft), nur mit mehr wortreich.

    
RaphaelDDL 11.06.2014 21:46
quelle
1

Es gibt das change -Ereignis :

%Vor%

JS:

%Vor%     
tymeJV 11.06.2014 21:38
quelle

Tags und Links