Event事件-基础

事件驱动三要素

事件源：即触发事件的元素
事件：被 JavaScript 监测到的行为。

事件处理函数：事件发生时要进行的操作，又叫做"事件句柄"或"事件监听器"。

事件绑定

为 HTML 页面指定标签绑定指定事件，可以通过以下三种方式实现:
HTML 标签的事件属性：这种方式 HTML 代码和 JavaScript 逻辑不能很好地分离，所以不建议使用。
DOM 标准的事件：这种方式只能为指定的一个标签绑定一个事件，并且只能具有一个事件处理函数。
事件监听器：这种方式是目前最受欢迎的一种方式。但 IE 8 及之前的版本不支持！

HTML 标签的事件属性

<input type="button" id="btn" value="点击" onclick="test()"/> 

function test(){
// ...
}

DOM 标准的事件

<input type="button" id="btn" value="点击"/> 

事件监听器

绑定：

事件源.addEventListener( eventName, functionName, boolean );

删除：

事件源.removeEventListener( eventName, functionName, boolean );