在js中如何實作綁定點擊事件（詳細教學）

本文透過一段實例程式碼跟大家講解了js索引下標之li集合綁定點擊事件的相關知識，程式碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下吧

下面一段程式碼介紹li集合綁定點擊事件，具體程式碼如下：

//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)
}

上面是我整理給大家的，希望今後會對大家有幫助。

相關文章：

在Node.js中子進程有哪些應用場景

詳細解讀在nodeJs中有關檔案系統與流

Javascript調試指令有哪些？

在node.js中如何使用http模組

#在微信中如何使用js喚起App？

在vue中使用cli如何實現重構多頁面腳手架

在JS中如何實現透過拖曳改變物體大小

以上是在js中如何實作綁定點擊事件（詳細教學）的詳細內容。更多資訊請關注PHP中文網其他相關文章！