码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 基础知识梳理——事件

时间:2019-09-29 09:45:59      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:src   页面   dash   cli   阶段   基础   程序   ash   事件冒泡   

事件

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,冒泡阶段调用事件处理程序

JavaScript 基础知识梳理——事件

标签:src   页面   dash   cli   阶段   基础   程序   ash   事件冒泡   

原文地址:https://www.cnblogs.com/songsongblue/p/11605779.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!