Heim > Web-Frontend > js-Tutorial > So binden Sie Klickereignisse in js (ausführliches Tutorial)

So binden Sie Klickereignisse in js (ausführliches Tutorial)

亚连
Freigeben: 2018-06-12 11:56:35
Original
3482 Leute haben es durchsucht

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(&#39;li&#39;);
  for(var i = 0; i<items.length; i++){
    (function(index){
      items[i].onclick = function(){
      this.innerHTML = index;
    }
  })(i)
}
//Method-3:
var items = document.getElementsByTagName(&#39;li&#39;);
for(var i = 0; i<items.length; i++){
  items[i].onclick = function(index){
    return function(){
      this.innerHTML = index;
    }
  }(i)
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
js
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage