欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识！
您现在的位置是： 首页  >  IT编程

点击事件的委派

程序员文章站 2022-03-07 18:27:49
window.onload = function(){// 获取按钮var btn = document.getElementById("btn")// 获取ulvar ul = document.getElementsByTagName("ul")[0]btn.onclick = function(){// 创建livar li = document.createElement("li")// 给li添加a链接内容li.innerHTML = " 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>

本文地址：https://blog.csdn.net/weixin_47591145/article/details/110223550

相关标签： javascript

上一篇： [LeetCode]532. K-diff Pairs in an Array

下一篇： Atitit 在线机器人 自动化技术一览 目录 1. 俩个要点 1 1.1. 识别控件（对话框 按钮 列表等） 1 1.2. Dom控件操作 1 1.3. 鼠标键盘操作 api 1 2. 可以使用

推荐阅读