点击事件元素不仅是按钮,还包括装载按钮的父盒子以及父盒子以上的元素,上溯到html元素
事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
事件冒泡:事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
点一个按钮,浏览器会认为你点按钮的同时,也点击了包含按钮的这个容器,也点击了整个HTML,点了整个document
click事件会逐级网上冒,一直冒到document
IE --- 事件冒泡流
Netscape --- 事件捕获流
事件---描述的是从页面中接受事件的顺序
事件冒泡:
事件流;描述的是从页面中接受事件的顺序
<html> <head> <title>事件流</title> <meta charset="uft-8"></head> <body> <div id="box"> <input type="button" value="按钮" id="btn"> </div> </body> </html>
事件冒泡:事件最开始由最具体的元素接收,然后逐级向上传播至最不具体的那个节点。
事件流:从页面中接受事件的顺序
IE:事件冒泡流
Netscape:事件捕获流
JavaScript 和 HTML 之间的交互都是通过事件来实现的。
事件是文档或浏览器窗口中发生的一些特定的交互瞬间。
DOM事件主要学习内容
事件流
时间冒泡IE
事件流,,,
事件流:描述的是从页面中接受事件的顺序
事件是文档或浏览器窗口中发生的特定的交互瞬间。
事件流:描述的是从页面中接受事件的顺序 (IE:事件冒泡流 / Netscape事件捕获流)
事件冒泡流:即事件最开始由最具体的无素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播到最不具体的那个节点(文档)
本章内容
1、理解事件流
2、使用事件处理程序
3、不同的事件类型
一、事件流
事件流描述的是从页面中接受事件的顺序。
IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流
1、事件冒泡
事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。
2、事件捕获
事件捕获的思想是不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。
二、事件处理程序
1、HTML事件处理程序
2、DOM0级事件处理程序
3、DOM2级事件处理程序
DOM2级事件定义了两个方法:用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()。它们都接收三个参数:要处理的事件名、作为事件处理程序的函数和一个布尔值。
4、IE事件处理程序
attachEvent()添加事件
detachEvent()删除事件
这两个方法接收相同的两个参数:事件处理程序名称与事件处理函数
5、跨浏览器的事件处理程序
三、事件对象
事件对象event
1、DOM中的事件对象
(1)、type:获取事件类型
(2)、target:事件目标
(3)、stopPropagation() 阻止事件冒泡
(4)、preventDefault() 阻止事件的默认行为
2、IE中的事件对象
(1)、type:获取事件类型
(2)、srcElement:事件目标
(3)、cancelBubble=true阻止事件冒泡
(4)、returnValue=false阻止事件的默认行为
JS与HTML之间的交互式通过事件来实现的。
事件流:描述从页面中接受事件的顺序。在IE中的事件流是事件冒泡流,而另一种是事件捕获流。
事件冒泡流:即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上传播至最不具体的那个节点(文档)。
事件冒泡:
事件流:
事件: