<ul id="userList">
<li class="now">
<div class="photo">
<img src="../news_images/photo01.jpg" />
</div>
<div class="info">
<h2>哈哈</h2>
<p>呵呵 </p>
</div>
<span>11:04</span>
</li>
<li>
<div class="photo">
<img src="../news_images/icon_user.jpg" />
</div>
<div class="info">
<h2>会议</h2>
<p>我知道了。</p>
</div>
<span>10:20</span>
</li>
<ul>
上面的代码 userList中的li都是动态加载的,现在我想给userList用原生addeventlistener绑定click事件。
只有li响应事件,li的任何子元素都不会响应事件,
我的做法是
document.getElementById('userList').addEventListener('click', function (e) {
var target = e.target;
//alert(target.nodeName)
if (target.nodeName == "LI") {
alert(123)
}
})
这样只有点在了li上才弹出123,但是在p元素,span元素,img元素上是不会弹出的,如何可以像jquery那样$('#userList').on('click','li',function(){
alert(123)
})
addeventlistener click怎么利用冒泡
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- Go 旅城通票 2017-07-21 05:40关注
问的什么东东,jquery的on原理就是和你那个一样,给容器加事件,然后判断当前点对象是否满足第二个参数,满足才执行函数
解决 无用评论 打赏 举报
悬赏问题
- ¥15 #MATLAB仿真#车辆换道路径规划
- ¥15 java 操作 elasticsearch 8.1 实现 索引的重建
- ¥15 数据可视化Python
- ¥15 要给毕业设计添加扫码登录的功能!!有偿
- ¥15 kafka 分区副本增加会导致消息丢失或者不可用吗?
- ¥15 微信公众号自制会员卡没有收款渠道啊
- ¥100 Jenkins自动化部署—悬赏100元
- ¥15 关于#python#的问题:求帮写python代码
- ¥20 MATLAB画图图形出现上下震荡的线条
- ¥15 关于#windows#的问题:怎么用WIN 11系统的电脑 克隆WIN NT3.51-4.0系统的硬盘