22、比较 attachEvent 和 addEventLister-(必会)

前沿技术

  attachEvent 方法可以动态的为网页内的元素添加一个事件.通常你想为某个按扭添加一个单击事件时.你都会在按扭内写上οnclick=事件名称.使用 attachEvent 则不必这样做.你把写好的事件准备好,在需要的时候给元素绑定上再执行.而且 attachEvent 为某个元素绑定多个事件.执行顺序是,后绑定的先执行.如果想删除事件请使用 detachEvent。attachEvent 方法只 IE 浏览器.与其功能相同的指令是 addEventListener,该指令 FF 等浏览器,并且是 W3C 标准。

  语法:Element.attachEvent(Etype,EventName)

  参数 Element:要为该元素动态添加一个事件

  Etype:指定事件类型.比如:onclick,onkeyup,onmousemove 等

  EventName:指定事件名称.也就是你写好的函数

  addEventListener方法与 attachEvent 方法功能相同.但是 addEventListener 是 W3C 标准,而 attachEvent非 W3C 标准,且只 IE 浏览器。

  虽然 addEventListener 属于标准方法,但依然无法在 IE 下运行.IE 不该方法

  addEventListener 带有三个参数必须设置缺一不可

  addEventListener 可以为网页内某个元素动态绑定一个事件.事件类型可随意指定.如:click,mousemove,keyup 等。

  通常你想为某个按扭添加一个单击事件时.你都会在按扭内写上οnclick=事件名称.使用addEventListener 则不必这样做.你把写好的事件准备好,在需要的时候给元素绑定上再执行.而且 addEventListener 为某个元素绑定多个事件.执行顺序是,先绑定的先执行.如果想删除事件请使用 removeEventListener

  语法:Element.addEventListener(Etype,EventName,boole)返回值:[tag:return_value /]参数 Element:要为该元素绑定一个事件.可以是任意的 html 元素

  Etype:事件类型.比如:click,keyup,mousemove.注意使用 addEventListener 绑定事件时,设置参数事件类型时不必写 on.否则会出错

  EventName:要绑定事件的名称.也就是你写好的函数

  boole:该参数是一个布尔值:false 或 true 必须填写.false 代表浏览器事件捕获功能,true 代表浏览事件冒泡功能。

标签: 前沿技术