Heim > Artikel > Web-Frontend > So binden Sie Klickereignisse in js (ausführliches Tutorial)
In diesem Artikel wird ein Beispielcode verwendet, um Ihnen das relevante Wissen zum Binden von Klickereignissen an die LI-Sammlung von JS-Indexindizes zu erläutern. Der Code ist einfach und leicht zu verstehen, sehr gut und hat Referenzwert Ich muss darauf verweisen
Der folgende Code führt Sie in das Li-Collection-Binding-Click-Ereignis ein. Der spezifische Code lautet wie folgt:
//Method-1: var items = document.getElementsByTagName('li'); for(var i=0;i<items.length;i++){ items[i].index = i; items[i].onclick = function(){ this.innerHTML = this.index; } } //Method-2: var items = document.getElementsByTagName('li'); for(var i = 0; i<items.length; i++){ (function(index){ items[i].onclick = function(){ this.innerHTML = index; } })(i) } //Method-3: var items = document.getElementsByTagName('li'); for(var i = 0; i<items.length; i++){ items[i].onclick = function(index){ return function(){ this.innerHTML = index; } }(i) }
Das Obige ist, was ich für Sie zusammengestellt habe Es wird Ihnen in Zukunft hilfreich sein.
Verwandte Artikel:
Was sind die Anwendungsszenarien von Unterprozessen in Node.js?
Detaillierte Interpretation des Dateisystems und damit verbundener Probleme im nodeJs Stream
Was sind die Javascript-Debugging-Befehle?
Wie verwende ich das http-Modul in node.js
Wie verwende ich js, um die App in WeChat aufzurufen?
So verwenden Sie CLI, um mehrseitiges Gerüst in Vue zu rekonstruieren
So ändern Sie die Größe von Objekten durch Ziehen in JS
Das obige ist der detaillierte Inhalt vonSo binden Sie Klickereignisse in js (ausführliches Tutorial). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!