<ul>
<li>知否知否，点我应有弹框在手! </li>
<li>知否知否，点我应有弹框在手! </li>
<li>知否知否，点我应有弹框在手! </li>
<li>知否知否，点我应有弹框在手! </li>
<li>知否知否，点我应有弹框在手! </li>
</u>
<script>
//事件委托的核心原理:给父节点添加侦听器， 利用事件冒泡影响每一个子节点
var ul = document . querySelector('ul' );
ul. addEventListener('click', function(e) {
e.target . sty]e . backgroundColor = ' pink';
})//使用事件对象e的target属性获得点击的对象。
</script>
|
