JavaScript 基础知识梳理——事件

事件

1)事件是文档或浏览器窗口中发生的特定的交互瞬间。

JavaScript和HTML之间的交互是通过事件实现的。

2)事件流——描述的是从页面中接受事件的顺序

IE——事件冒泡流

Netscape——事件捕获流

3)事件冒泡:即事件最开始由最具体的元素(文档中嵌套层次最深的哪个节点)接收,然后逐级向上传播至最不具体的哪个节点(文档)。

click事件在input触发,它会一级一级往上冒,直到冒到document上

点击按钮不但触发了按钮,也触发了div、body直到document

4)事件捕获:不太具体的节点应该更早接收到事件,而最具体的节点最后接收到事件。

事件接收顺序:document->html->body->div->input

使用事件处理程序

1.HTML事件处理程序

2.DOM0级事件处理程序

较传统哪个的方式:把一个函数赋值给一个事件的处理程序属性用的比较多的方法  简单  跨浏览器的优势

3.DOM2级事件处理程序

DOM2级事件处理程序

DOM2级事件定义了两个方法:

用于处理指定和删除事件处理程序的操作

addEventListener()和removeEventListner()。

接收三个参数:要处理的事件名、作为事件处理程序的函数和布尔值

布尔值=true,捕获阶段调用事件处理程序 

布尔值=false,冒泡阶段调用事件处理程序

猜你喜欢

转载自www.cnblogs.com/songsongblue/p/11605779.html
今日推荐