点点圈圈错错真真
2016-10-31 10:00
<body>
<h2>on事件委托</h2>
<div class="left">
<div class="aaron">
点击绿色这里
<a>点击这里</a>
</div>
</div>
<script type="text/javascript">
$('body').on('click', '.aaron', function(e) {
alert(e.target.textContent)
})
</script>
</body>
为什么 点击a 会弹出
“点击这里 ”
点击a不是应该向上冒泡 找到选择器 在触发函数 吗
点击 .arron
“点击绿色这里
点击这里”
你好,你点击a时,程序确实向上冒泡了 找到选择器 触发了函数 但由于你点击的是 a 标签 因此
$('body').on('click', '.aaron', function(e) { alert(e.target.textContent) })
该函数中的‘e’获取到的元素是“a”标签 所以弹出的结果仍然是
"点击这里"
on() 方法在被选元素及子元素上添加一个或多个事件处理程序。
jQuery基础(三)—事件篇
89997 学习 · 625 问题
相似问题
回答 3
回答 3