DOM事件

基本概念:DOM事件级别:

DOM0:element.onclick=function(){}

DOM2: element.addEventListener(‘click’,function(){},false/true)冒泡或者捕获。 true是在捕获事件触发。

DOM3: element.addEventListener(‘keyup’,function(){},true/false)键盘事件,鼠标点击事件。


DOM事件模型:

冒泡(目标元素往上)捕获从上往下。


DOM事件流;

事件流->捕获->目标阶段->冒泡。

DOM事件类-》描述dom事件捕获的具体流程;

先得到Window->document->html->body->...->目标元素。

DOM事件类-》Event对象的常见应用。

Event.preventDefault()阻止默认事件。

Evetn.stopPropagation()阻止冒泡事件。 不阻止的话。点击子元素,父元素也会响应。

Event.stoplmmediatePropagation()事件响应优先级。

Event.currentTarget //当前所绑定的事件,父级元素绑定事件。指定的就是这个事件。

Evennt.target //当前被点击的元素。


自定义事件:自定义事件,自定义触发事件。


你可能感兴趣的:(DOM事件)