原文:JS如何給ul下的所有li綁定點擊事件,點擊使其彈出下標和內容

這是一個非常常見的面試題,出題方式多樣,但考察點相同,下面我們來看看這幾種方法:方法一: 方法二: 方法三: 方法四: 上面這四種方法都可以實現循環綁定,但是我們知道,頻繁的操作DOM是非常消耗性能的,如果有 個li,怎么辦呢 我們還有另一種思路,事件代理,又稱事件委托。簡單的來講就是利用JS中事件的冒泡屬性,把原本需要綁定的事件委托給父元素,讓父元素擔當事件監聽的職務。下面我們來看看。 方法五 ...

2019-03-27 11:53 0 4261 推薦指數:

查看詳情

js循環給li綁定事件實現 點擊li彈出其索引值 和內容

近期,面試我們總會遇到這樣一個面試題: 現在網上答案很多苟同,但是我還是想在重復的述說一遍,俗話說:好記憶不如爛筆頭, 雖然常見,簡單,反復出現,總之,在簡單的多寫寫記憶還是很深刻的,即使忘了,也能拿出來翻翻。 代碼如下:(簡單些) html代碼 <ul>   < ...

Mon Oct 10 20:12:00 CST 2016 0 20308
遍歷ulli點擊彈出li的索引

首先我們需要一個html結構 我們遍歷ul 所有li 並添加點擊事件,一般我們會在for循環里面添加點擊事件,但是結果和我們所期盼不一樣,那么是為什么呢???? 接下來看看我們的js代碼 我們實現了!!! 這樣就是得來我們想要的效果點擊相應的li得來相應 ...

Mon Sep 19 19:27:00 CST 2016 1 2480
Ulli標簽執行點擊事件——如何獲取你所點擊的標簽

問題所來:做項目時,一般的數據都是用循環動態加載出來的,結構都是一樣的,只是綁定的值不同,如何對相同的標簽做處理的問題就來了。 例如:點誰就顯示誰的數值 <ul id="test"> <li class="test">1</li> <li ...

Tue May 07 01:10:00 CST 2019 0 4049
Ulli標簽執行點擊事件——如何獲取你所點擊的標簽

問題所來:做項目時,一般的數據都是用循環動態加載出來的,結構都是一樣的,只是綁定的值不同,如何對相同的標簽做處理的問題就來了。 例如:點誰就顯示誰的數值 <ul id="test"> <li class="test">1</li> <li ...

Wed Dec 21 06:25:00 CST 2016 0 52595
js綁定點擊事件的幾種方式

(1)在html上綁定onclick事件 <div class="test" id="main"> 這是測試區域的內容 </div> <input type="button" value="變紅" onclick="fun1()" id ...

Thu Jun 15 02:16:00 CST 2017 0 1394
js按鈕綁定點擊事件

js按鈕綁定點擊事件 https://blog.csdn.net/zy_whynot/article/details/104010450 1、第一種 $("#btn").click(function(){ 操作 ...

Mon Mar 28 20:53:00 CST 2022 0 839
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM