一对一的事件绑定&&addEventListener对一个对象执行多个事件绑定
<body> <input type="button" value="点"> <input type="button" value="删"> <div id="ad">xxx</div> </body> <script> /*利用addEventListener可绑定多个事件并按顺序执行*/ var bt = document.getElementsByTagName('input')[0]; // bt.addEventListener('click',function(){alert(this.value)}); // 注意event: 不要使用 "on" 前缀。例如,使用 "click" 来取代 "onclick"。 // function 描述了事件触发后执行的函数。 var haha = function() { alert('haha') }; bt.addEventListener('click', haha); bt.addEventListener('click', function() { alert('hehe') }); // 利用onclick进行常规的事件绑定移除haha事件、解除绑定 var bt1 = document.getElementsByTagName('input')[1]; bt1.onclick = function() { bt.removeEventListener('click', haha); } </script>
持续更新中@_@