基本概念: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 //当前被点击的元素。
自定义事件:自定义事件,自定义触发事件。