码迷,mamicode.com
首页 > 其他好文 > 详细

DOM事件

时间:2018-01-10 23:44:31      阅读:167      评论:0      收藏:0      [点我收藏+]

标签:tde   lob   master   tar   --   default   事件流   top   htm   

1. 基本概念:DOM事件的级别

事件级别:DOM0   element.onclick=function(){}

DOM2    element.addEventListener(‘click‘,function(){},false)

DOM3    element.addEventListener(‘keyup‘,function(){},false)

2. DOM事件模型:捕获和冒泡

捕获是从上往下,冒泡是从当前元素往上

一个完整的事件流分三个阶段:捕获--目标阶段--冒泡

描述DOM事件捕获的具体流程

window--document--html--body--父级--子级--目标元素

3. Event对象的常见应用

event.preventDefault() 阻止默认行为

event.stopPropagation()  阻止冒泡

event.stopImmediatePropagation()  事件响应优先级

event.currentTarget 当前所绑定的事件

event.target

4. 自定义事件

var eve=new Event(‘custome‘);

ev.addEventListener(‘custom‘,function(){

  console.log(‘custom‘)

});

ev.dispatchEvent(eve);

 

具体例子见代码https://github.com/leitingting08/Front-end-language/blob/master/layout/event.html

DOM事件

标签:tde   lob   master   tar   --   default   事件流   top   htm   

原文地址:https://www.cnblogs.com/leiting/p/8261679.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!