每学习一些新的东西,要学会复习,总结和记录。 今天来简单总结一下学到的几个事件:焦点事件、Event事件对象、冒泡事件 其实这几个事件应该往深的说是挺难的,但今天主要是以一个小菜的角度去尝试理解一些基本的知识点。 1.焦点事件: 1.1概念理解: 想象场景:当一堆text文本框出现在面前,当点击其中 ...
分类:
其他好文 时间:
2016-10-16 18:52:25
阅读次数:
931
JavaScript事件【event】在JavaScript中对于事件来讲,首先,我们需要了解这样几个概念:事件;事件处理程序;事件类型;事件流;事件冒泡;事件捕获;事件对象;浏览器内核;事件绑定;事件方面的性能优化(事件委托、移除事件处理程序);常见的浏览器兼容问题等。什么是事件..
分类:
编程语言 时间:
2016-10-08 02:47:30
阅读次数:
401
JS 事件模型:事件流事件流意味着页面不止一个元素可以响应相同的事件。事件冒泡事件冒泡是从里到外,且 IE 低版本和标准浏览器(Dom 浏览器中)不一样:低版本 IE:div ——> body ——> document标准浏览器:div ——> body ——>html ——> document — ...
分类:
Web程序 时间:
2016-10-07 23:36:53
阅读次数:
236
绑定在被点击元素的事件是按照代码顺序发生,其他元素通过冒泡或者捕获“感知”的事件,按照W3C的标准,先发生捕获事件,后发生冒泡事件。所有事件的顺序是:其他元素捕获阶段事件 -> 本元素代码顺序事件 -> 其他元素冒泡阶段事件 。 一个DOM元素绑定两个事件,一个冒泡,一个捕获,则事件会执行多少次,执 ...
分类:
其他好文 时间:
2016-09-18 18:08:56
阅读次数:
198
事件的阶段分为捕获,(目标),冒泡 用一张 图来 表示 用一句话来描述:浏览器通常搜寻顺序是从最外层往里层捕获,然后到达目标,再从最里层往最外层冒泡。 因此,一个事件什么时候执行,就看这个事件是绑定在哪个阶段了,用这么一个api来搞定addEventListenser() ...
分类:
其他好文 时间:
2016-09-18 11:39:03
阅读次数:
126
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是html代码部分: <body> <div id="content"> 外层div元素 <span>内层span元素</span> 外层div元素 </div> <div id="msg"></div> </body> 对应的jQ ...
分类:
Web程序 时间:
2016-09-18 10:06:06
阅读次数:
143
职责链模式(Chain of responsibility),就是使多个对象都有机会处理请求,从而避免请求的发送者和接受者之间的耦合关系。通过职责链模式,简单地使用JavaScript模拟了冒泡事件。 ...
分类:
编程语言 时间:
2016-09-17 13:16:21
阅读次数:
148
[1]获取 [2]事件类型 [3]事件目标 [4]事件代理 [5]事件冒泡 [6]事件流 [7]默认行为 ...
分类:
其他好文 时间:
2016-09-12 08:39:25
阅读次数:
162
× 目录 [1]历史 [2]事件冒泡 [3]事件捕获[4]事件流 前面的话 javascript操作CSS称为脚本化CSS,而javascript与HTML的交互是通过事件实现的。事件就是文档或浏览器窗口中发生的一些特定的交互瞬间,而事件流(又叫事件传播)描述的是从页面中接收事件的顺序。本文将详细介 ...
分类:
其他好文 时间:
2016-09-10 16:18:45
阅读次数:
225
什么是JS事件冒泡? 在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达 ...
分类:
其他好文 时间:
2016-09-08 09:45:36
阅读次数:
113