dom2
来源:互联网 发布:黑人牙膏怎么样 知乎 编辑:程序博客网 时间:2024/06/09 18:00
事件冒泡:即事件最开始由最具体的元素接受然后逐级向上传播至最不具体的那个节点(比较主要)
事件捕获:不太具体的事件更早接收到事件,最具体的节点最后接收到事件
html事件的缺点:html和js紧密的耦合在一起
dom0级事件处理程序:document.getElementById('btn').onclick=function(){};
dom2级事件处理程序 : addeventlistener()
btn.addEventListener('click',showmes,false) false指添加到事件冒泡,兼容大部分浏览器
ie8及更早的版本只支持事件冒泡
ie只支持attachEvent();
根据浏览器判断添加事件的方法
var eventUtil={ //添加句柄 addHandler:function(element,type,handler){ if(element.addEventListener) element.addEventListener(type,handler,false); else if(element.attachEvent) element.attachEvent('on'+type,handler); else element['on'+type]=handler; //element.onclick===element['onclick']; }, //删除句柄 removeHandler:function(element,type,handler){ if(element.removeEventListener) element.removeEventListener(type,handler,false); else if(element.detachEvent) element.detachEvent('on'+type,handler); else element['on'+type]=null; }, getEvent:function(event){ return event?event:window.event; }, preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); }else{ event.returnValue=false; } }}
事件对象:在触发DOM上的事件都会产生一个对象
事件对象event
dom里的事件对象:
1.type属性
2.target 属性
3。//阻止事件冒泡(阻止事件传播)
event.stopPropagation();
4.//阻止事件的默认行为
event.preventDefault();
0 0
- dom2
- DOM2
- DOM2
- DOM2
- DOM2
- 实现DOM2 insertbefore方法
- W3C DOM2样式规范
- DOM2节点的遍历
- DOM0, DOM1, DOM2, DOM3
- javascript基础:DOM2
- DOM2 和 DOM3
- JavaScript笔记:DOM2 & DOM3
- js--DOM2--元素遍历
- DOM2级样式style
- js--DOM2--元素遍历
- DOM0 DOM2 DOM3区别
- JavaScript-DOM2和DOM3
- DOM2级样式
- caffe实现Alexnet网络结构(利用自己的数据)
- VIEW当中三种自定义属性的方法
- event事件中ie和标准dom的区别
- 23种设计模式(18):访问者模式
- 2016.2.23 搜狐电话面试(平生第一面)
- dom2
- PAT-1028人口普查
- CentOS上PHP完全卸载
- 使用Genymotion调试出现错误INSTALL_FAILED_CPU_ABI_INCOMPATI
- ViewPager+Fragmrnt最简单结合方法
- oracle over (partition by )用法
- requestLayout, invalidate和postInvalidate的异同
- Cocos2D-X之环境搭建
- PLS-00306: wrong number or types of arguments in call to 'SYNCRN'