對於原生js中的事件委託解析
阿新 • • 發佈：2019-01-31
事件委託就是基於js的事件流產生的，事件委託是利用事件冒泡，將事件加在父元素或者祖先元素上，觸發該事件。
<body> <div id="myDiv"> <input type="button" value="按鈕1" id="btn1"> <input type="button" value="按鈕2" id="btn2"> <input type="button" value="按鈕3" id="btn3"> </div> </body> <script type="text/javascript"> document.getElementById("myDiv").onclick=function(e){ e=window.event||e; var btnId=e.target.id; switch(btnId){ case "btn1": console.log("按鈕1"); break; case "btn2": console.log("按鈕2"); break; case "btn3": console.log("按鈕3"); break; } } </script>