面试视频知识点整理1-5（DOM事件类）

Posted 2022-01-11 llcmite

基本概念：

   DOM事件的级别（事件处理程序）：

         0级：element.onclick=function()

         2级：element.addEventListener(‘click‘,function(),false)

         3级：element.addEventListener(‘keyup‘,function(),false) 在二级的基础上添加更多的事件 

   DOM事件模型：

         事件冒泡   目标元素->...html->document->window

         事件捕获    window->document->html(document.documentElement)->.....目标元素

         事件流：分三个阶段  1）捕获     2）目标阶段   3）冒泡阶段

         

 

 

 

   Event对象的常见应用：

           event.preventDefault()       阻止默认行为

          event.stopPropagation()     阻止事件冒泡

          event.stopImmediatePropagation()       当绑定多个事件，可以使用该方法阻止触发其它事件（事件响应优先级）

          event.currentTarget            绑定事件的当前节点

          event.target                        目标节点

   自定义事件(事件模拟)：

var eve=new Event(‘custom‘);
ev.addEventListener(‘custom‘,function()
console.log(‘custom‘))
ev.dispatchEvent(eve);