>

永利贵宾会5956-永利皇宫网址【永利5956备用】

热门关键词: 永利贵宾会5956,永利皇宫网址,永利5956备用

事件冒泡 和 事件捕获

- 编辑:永利5956备用 -

事件冒泡 和 事件捕获

  ​根据澳大利亚媒体5日最新报道,悉尼西北部一处住所发生枪击事件,造成2人死亡,1人受伤。目前警方已经抵达现场,但事件原因不详。(央视记者 王聪)

原生js--事件类型

 

1、表单事件:

submit事件

reset事件

click事件

change事件

focus事件(不冒泡) (IE和ES5支持冒泡的focusin)

blur事件(不冒泡) (IE和ES5支持冒泡的focusout)

input事件(ES5 textinput提供更方便的获取输入文字的方案)

永利贵宾会5956, 

2、Window事件

load事件

DOMContentLoaded事件

readyStatechage事件

unload事件

beforeunload事件

resize事件

scroll事件

 

3、鼠标事件

click事件

dbclick事件

mouseover事件(冒泡)

mouseout事件(冒泡)

mousedown事件

mouseup事件

contextmenu事件

mouseenter事件(不冒泡)

mouseleave事件(不冒泡)

mousewheel事件(FF DOMMouseScroll事件、DOM3 wheel事件)

 

4、键盘事件

keydown事件

keyup事件

keypress事件

背景知识

什么是事件?
直观的说就是网页上发生的事情,大部分是指用户的鼠标动作和键盘动作,如点击、移动鼠标、按下某个键。为什么说大部分呢,因为事件不单单只有这两部分,还有其他的例如document的load和unloaded。只不过我们更加关注的是用户的操作。

事件模型:规范事件的定义的一种标准

事件的三种模型:

  • 原始事件模型(DOM 0级事件模型)
  • IE事件模型
  • DOM2事件模型
DOM2事件模型:

此模型是W3C制定的标准模型,既然是标准,那大家都得按这个来,我们现在使用的现代浏览器(指IE6~8除外的浏览器)都已经遵循这个规范。W3C制定的事件模型中,“DOM2级事件”中规定的事件流同时支持了事件捕获阶段和事件冒泡阶段,而作为开发者,我们可以选择事件处理函数在哪一个阶段被调用。
一次事件的发生包含三个过程:

(1)capturing phase:事件捕获阶段。
事件被从document一直向下传播到目标元素,在这过程中依次检查经过的节点是否注册了该事件的监听函数,若有则执行。

(2)target phase:事件处理阶段。
事件到达目标元素,执行目标元素的事件处理函数.

(3)bubbling phase:事件冒泡阶段。
事件从目标元素上升一直到达document,同样依次检查经过的节点是否注册了该事件的监听函数,有则执行。

本文由国际发布,转载请注明来源:事件冒泡 和 事件捕获