DOM 事件的级别
- DOM0,element.onclick = function(){
- }
- DOM2,element.addEventListener('click', function(){
- }, false);
DOM 事件模型是什么: 指的是冒泡和捕获 DOM 事件流是什么: 捕获阶段 -> 目标阶段 -> 冒泡阶段 描述 DOM 事件捕获的具体流程 Windows --> document --> documentElement(html 标签) --> body --> .... --> 目标对象 Event 对象常见应用
event.preventDefault(), 阻止默认行为
event.stopPropagation(), 阻止事件冒泡
event.stopImmediatePropagation(), 阻止剩余的事件处理函数执行并且防止事件冒泡到 DOM 树上, 这个方法不接受任何参数.
event.currentTarget, 返回绑定事件的元素
event.target, 返回触发事件的元素
如何自定义事件 Event, 不能传递参数
- var eve = new Event('自定义事件名');
- ev.addEventListener('自定义事件名', function(){
- console.log('自定义事件')
- });
- ev.dispatchEvent(eve);
CustomEvent, 还可以指定参数
来源: http://www.bubuko.com/infodetail-2968714.html