注册事件(绑定事件)

注册事件(绑定事件)

注册事件也就是给元素添加事件,成为注册事件或者绑定事件。

注册事件的方法有两种:

  1. 传统方法注册事件
  2. 方法监听注册事件

那么这两种方法有什么区别呢?

传统方法注册事件

传统方法注册事件,就是直接在元素上添加事件属性,然后给事件属性赋值,这个值就是事件处理函数。

我们事件经常利用on开头,比如onclickonmouseoveronmouseout等等。

这种方法注册事件有一个特性:唯一性

也就是说,如果一个元素上有多个事件,那么这个元素上只能有一个事件处理函数。如果有多个事件注册,那么最后一个注册事件会覆盖前面的事件。

方法监听注册事件

这是w3c的标准,也是我们推荐使用的方法。

方法监听注册事件,就是利用addEventListener方法来注册事件。

Element[i].addEventListener(event, function, useCapture);

这个方法有三个参数:

  1. event:事件类型,比如clickmouseovermouseout等等。
  2. function:事件处理函数。
  3. useCapture:是否在捕获阶段执行事件处理函数。默认值为false,表示在冒泡阶段执行事件处理函数。

注意:

ie8及以下版本不支持这个方法。 看来好东西都是有兼容性的问题。

这个方法的特点呢,就是不会出现唯一性问题,也就是说,如果一个元素上有多个事件,那么这个元素上可以有多个事件处理函数。它会按照我们注册事件的顺序依次执行。