點選事件的委派
window.onload = function(){
// 獲取按鈕
var btn = document.getElementById("btn")
// 獲取ul
var ul = document.getElementsByTagName("ul")[0]
btn.onclick = function(){
// 建立li
var li = document.createElement("li")
// 給li新增a連結內容
li.innerHTML = "<a href='http://www.baidu.com'>百度<a>"
ul.appendChild(li)
}
// 為每一個li繫結一個單擊事件 告訴我要取快遞
var a = document.getElementsByTagName("a")
// for(var i = 0; i < a.length;i++){
// a[i].onclick = function(){
// alert("給我取個快遞")
// return false
// }
// }
ul.onclick = function(event){
event = event || window.event
console.log(event.target.className)
if(event.target.className){
alert("dan ji shi jian")
}
return false
}
}
<button id="btn">按鈕</button>
<ul>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
<li><a href="http://www.baidu.com" class="link">百度</a></li>
</ul>
相關文章
- databinding的點選事件事件
- javascript對點選事件和拖動事件的區分JavaScript事件
- tabbar凸起點選事件處理tabBar事件
- echarts 工具條點選事件控制Echarts事件
- MxDraw雲圖點選事件教程事件
- 用Kotlin實現Android點選事件的方法KotlinAndroid事件
- RecyclerView-->點選和長按事件View事件
- lvgl table的使用(重繪,事件,行選中,點選,蒙版)事件
- React table 表單裡的內容點選事件React事件
- 使用介面實現RecyclerView中的item點選事件View事件
- 【FAQ】關於JavaScript版本的華為地圖服務Map的點選事件與Marker的點選事件存在衝突的解決方案JavaScript地圖事件
- 中國地圖繪製-點選事件地圖事件
- IOS setOnclick - 點選事件完美擴充套件iOS事件套件
- Android中點選事件的四種寫法詳解Android事件
- iOS全埋點解決方案-UITableView和UICollectionView點選事件iOSUIView事件
- iOS全埋點解決方案-控制元件點選事件iOS控制元件事件
- React滑鼠點選事件物件中的幾個用到的屬性React事件物件
- 委派與約束委派復現
- 移動端點選事件延遲的誕生消亡史事件
- 3D地圖的定時高亮和點選事件3D地圖事件
- Flutter自定義折線圖並新增點選事件Flutter事件
- 用JS點選事件做一個簡單的計算器JS事件
- 委派模式模式
- vue中在父元件點選按鈕觸發子元件的事件Vue元件事件
- day31-33 關於點選事件內的判斷語句事件
- 簡單實現UILabel之協議類點選事件UI協議事件
- RecyclerView使用指南(三)—— 新增分割線和點選事件View事件
- 小程式如何避免多次點選,重複觸發事件事件
- ASPxGridView中Command列自定義按鈕點選事件概要View事件
- 如何使用 JavaScript 程式碼建立虛擬滑鼠點選事件JavaScript事件
- 怎樣用純CSS實現禁止滑鼠點選事件?CSS事件
- 【MAUI】為 Label、Image 等控制元件新增點選事件UI控制元件事件
- js禁用頁面所有輸入框以及點選事件JS事件
- select下拉選項,點選時,change事件事觸發多次,請求多次。事件
- 微信小程式如何阻止多層巢狀元件的點選事件冒泡微信小程式巢狀元件事件
- 繪製不規則圖形並響應點選事件事件
- 為 FragmentTabhost 新增 tab 點選事件,在頁面跳轉之前Fragment事件
- js中根據x,y 座標模擬點選事件JS事件