DOM0级事件处理和DOM2级事件处理
来源:互联网 发布:中世纪2优化9外交 编辑:程序博客网 时间:2024/04/30 00:02
0级DOM
分为2个:一是在标签内写onclick事件
二是在JS写onlicke=function(){}函数
1)
<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" >
2)
document.getElementById("myButton").onclick = function () { alert('thanks');}
以下是分割线
1级DOM--(为什么没有1级DOM)
DOM级别1于1998年10月1日成为W3C推荐标准。1级DOM标准中并没有定义事件相关的内容,所以没有所谓的1级DOM事件模型。在2级DOM中除了定义了一些DOM相关的操作之外还定义了一个事件模型 ,这个标准下的事件模型就是我们所说的2级DOM事件模型
2级DOM
只有一个:监听方法,有两个方法用来添加和移除事件处理程序:addEventListener()和removeEventListener()。
它们都有三个参数:第一个参数是事件名(如click);
第二个参数是事件处理程序函数;
第三个参数如果是true则表示在捕获阶段调用,为false表示在冒泡阶段调用。
- addEventListener():可以为元素添加多个事件处理程序,触发时会按照添加顺序依次调用。
- removeEventListener():不能移除匿名添加的函数。
document.getElementById("myTest").attachEvent("onclick", function(){alert(1)});
//等价于
document.getElementById("myTest").addEventListener("click", function(){alert(1)}, false);
只有2级DOM包含3个事件:事件捕获阶段、处于目标阶段和事件冒泡阶段
<span> <a></a></span>
点击a后capturing(捕捉)阶段事件传播会从document-> span->a,然后发生在a,最后bubbling(冒泡)阶段事件传播会从a->span->document 。
1.事件冒泡(常用)
IE中采用的事件流是事件冒泡,先从具体的接收元素,然后逐步向上传播到不具体的元素。
2.事件捕获(少用)
Netscapte采用事件捕获,先由不具体的元素接收事件,最具体的节点最后才接收到事件。
3.DOM事件流
0 0
- DOM0级事件处理和DOM2级事件处理
- DOM0级事件处理、DOM2级事件处理
- DOM0和DOM2事件处理程序对比
- 我之见于Javascript中DOM0级处理和DOM2级处理事件的区别
- DOM0级, DOM2级和IE事件处理程序的异同
- DOM0级和DOM2级事件处理程序的区别? — 第13.2.2节
- DOM0,DOM2,DOM3事件处理方式区别
- js事件处理(DOM0,DOM2,IE)
- 跨浏览器事件处理,能力检测:IE事件,DOM0级,DOM2级
- js中dom0级事件和dom2级事件使用
- 【读书笔记】DOM0级 DOM2级 IE三种事件处理程序的区别
- javaScript中的DOM0级和DOM2级事件
- JavaScript DOM0、DOM2级事件简述
- 事件处理程序(HTML,DOM0,DOM2,IE)
- Js中dom0级事件与dom2级事件浅谈
- DOM2级事件绑定的兼容处理
- 学习笔记——事件处理程序(HTML事件处理、DOM0、DOM2)
- DOM2事件兼容处理
- hdu 1009 FatMouse' Trade
- HQL查询——查询返回对象类型分析
- VirtualBox虚拟机网络设置
- Centos pptp 客户端
- SQL Server2008R2大批数据导出导入文本文件
- DOM0级事件处理和DOM2级事件处理
- C#连接数据库操作注意事项
- [C] 编写一个将输入复制到输出的程序,并将其中的制表符替换为\t,把回退符替换为\b,把反斜杠替换为\\1-10
- android5种布局管理器的区别
- 连环画《秦王斩荆柯》|大象特供
- fill区间统一赋值
- calloc
- bzoj 2393 & bzoj 1853 容斥原理
- ZJNU 1902 Why Did the Cow Cross the Road II dp