javascript事件监听

使用addEventListener() 方法用于向指定元素添加事件句柄，而且添加的事件句柄不会覆盖已存在的事件句柄，同时可以向一个元素添加多个事件句柄，可以向同个元素添加多个同类型的事件句柄，如：两个 "click" 事件。你可以向任何 DOM 对象添加事件监听，不仅仅是 HTML 元素。如： window 对象。

使用 removeEventListener() 方法来移除事件的监听。

语法：addEventListener(event, function, useCapture);

useCapture 的默认值为 false, 即冒泡传递，当值为 true 时, 事件使用捕获传递。

语法：removeEventListener("mousemove", myFunction);

 

<span id="event">监听事件</span>
<script>
event = document.getElementById('event');
event.addEventListener('click',function(){alert('点击事件监听');});
event.addEventListener('click',function(){alert('第二个点击事件');});
event.addEventListener('onmouseout',function(){alert('绑定鼠标离开事件')})
event.removeEventListener();
</script>