JS-DOM— —注册事件概述

一、注册事件概述

● 给元素添加事件,称为注册事件或者绑定事件。

● 注册事件有两种方式:传统方式 和 方法监听注册方式

1.1、传统注册方式

● 利用 on开头的事件onclick

●btn.onclick = function ( ) {}

● 特点: 注册事件的唯性

● 同一个元素同一个事件只能设置一 个处理函数 ,最后注册的处理的数将会厦盖前面注册的处理函数。

1.2、方法监听注册方式

● w3c 标准推荐方式。

● addEventListener()它是一个方法。

● IE9 之前的IE不支持此方法,可使用attachEvent0代替。

● 特点:同一个元素同-一个事件可以注册多个监听器。

● 按注册顺序依次执行。

1、addEventListener事件监听方式

eventTarget.addEventListener(type,listener[useCapture])

eventTarget.addEventlistener()//方法将指定的监听器注册到eventTarget (目标对象)上,当该对象触发指定的事件时,就会执行事件处理函数。

该方法接收三个参数:

● type : 事件类型字符串，必定加 引号，比如 ’ click ’（鼠标点击左键触发）、’ mouseover ’（鼠标经过触发）,注意这里不要带on。

● listener : 事件处理函数,事件发生时，会调用该监听函数。

● useCapture : 可选参数，是一个布尔值,默认是false.学完DOM事件流后,再进一步学习。

2.attachEvent事件监听方式（非标准）

注意：该特性是非标准的，请尽量不要在生产环境中使用它! i9之前的IE独有。

eventTarget.attachEvent (eventNamewithOn, callback)

eventTarget .attachEvent ()方法将指定的监听器注册到eventTarget (目标对象)上,当该对象触发指定的事件时,指定的回调函数就会被执行。

该方法接收两个参数:

● eventNameWithOn :事件类型字符串,比如onclick. onmouseover , 这里要带on

● callback :事件处理函数。当目标触发事件时回调函数被调用