首页 > 其他 > 详细

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

时间:2019-06-15 09:32:10      阅读:140      评论:0      收藏:0      [点我收藏+]

基本概念:

   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);

  

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

原文:https://www.cnblogs.com/llcMite/p/11026127.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!