首頁 > web前端 > js教程 > 主體

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

亚连
發布: 2018-06-12 11:56:35
原創
3432 人瀏覽過

本文透過一段實例程式碼跟大家講解了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中文網其他相關文章!

相關標籤:
js
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!