1. 程式人生 > >js基礎-事件委托

js基礎-事件委托

ntb console 委托 cli tel title 冒泡 back 自己

讓利用事件冒泡的原理,讓自己的所觸發的事件,讓他的父元素代替執行!

<!DOCTYPE html>
<html>
<head>
    <title>事件委托</title>
</head>
<body>

<ul id="ul">
    <li class="item">11</li>
    <li class="item">22</li>
    <li class="item">33</li>
</ul>

</
body> <script> document.getElementById(ul) .addEventListener(click,function(e){ // console.log(e); console.log(e.target); if(e.target && e.target.nodeName == "LI") { alert(e.target.innerHTML); } }); </script> </html
>

js基礎-事件委托