
DOM
CharlesJoker
这个作者很懒,什么都没留下…
展开
-
DOM事件级别
DOM0级事件 element.onclick = function(){} DOM1没有跟事件相关的更新 DOM2级事件 element.addEventListener('click', function(){}, false) DOM3级事件 (定义了自定义事件) element.addEventListener('keyup', function(){}, false)...原创 2018-03-21 16:03:29 · 410 阅读 · 0 评论 -
DOM事件流
DOM2级的事件规定了事件流包含三个阶段包括: 1.捕获阶段:事件对象应当从defaultView经过目标的祖先元素传播到目标的父元素。这个阶段也称为“捕捉阶段”(capturing phase)。注册到这个阶段的事件监听器应当在事件对象到达其目标之前处理该事件。 2.目标阶段:事件对象应当到达它的最近事件目标。这个阶段也称为“到达阶段”(at-target phase)。注册到这个阶...原创 2018-03-21 17:01:14 · 159 阅读 · 0 评论 -
DOM事件中Event对象常见属性/方法
1.阻止默认事件(例如A标签设置click,防止A标签默认跳转) event.preventDefault() 2.阻止冒泡(例如父级元素绑定事件,子元素页绑定事件,如果不取消冒泡,则点击子元素也会触发父元素事件) event.stopPropagation() 3.阻止后续事件触发,写在A中,则后续注册的事件B不会被触发(例如按钮绑定两个事件,通过优先级的方式注册了A和B,在运行...原创 2018-03-21 17:18:14 · 722 阅读 · 0 评论 -
DOM事件-自定义事件
//创建事件, Event是无法传递参数的 var event = new Event('build'); //创建事件, CustomEvent是可以传递参数的 var event = new CustomEvent('build', { detail: elem.dataset.time }); // 监听事件Listen for the event. elem.addEventListen...原创 2018-03-21 17:26:21 · 1126 阅读 · 0 评论