js中事件绑定3种方法以及事件委托
###事件绑定 首先，我先来介绍我们平时绑定事件的三种方法。 1.嵌入dom <button onclick="open()">按钮</button> <script> function open(){ alert(1) } </script> 2.直接绑定 <button id="btn">按钮</button> <script> document.getElementById('btn').onclick = function(){ alert(1) } </script> 3.事件监听 <button id="btn">按钮</button> <script> document.getElementById('btn').addEventListener('click',function(){ alert(1) }) //兼容IE document.getElementById('btn').attachEvent('click',function(){ alert(1) }) </script> ###事件委托 对“事件处理程序过多”问题的解决方案就是事件委托。事件委托利用了事件冒泡，只制定一个事件处理程序，就可以管理某一类型的所有事件。例如click事件一直会冒泡到document层。也就是我们可以只指定onclick事件处理程序，而不必给每个事件分别添加处理程序。