学习来源: F:\新建文件夹 (2)\HTML5开发\HTML5开发\04、JavaScript基础\6、JavaScript事件详解 学习内容: 1)基础概念 2)举例说明: 代码如上,如果用事件冒泡的方式来解释,先点击到接受时间的按钮,然后是div,因为按钮包含在div中,然后是html5然后到 ...
分类:
Web程序 时间:
2016-06-07 19:17:01
阅读次数:
194
冒泡事件就是点击子节点,会向上触发父节点,祖先节点的点击事件。 下面是html代码部分: 对应的jQuery代码如下: 当点击span时,会触发div与body 的点击事件。点击div时会触发body的点击事件。 如何防止这种冒泡事件发生呢? 修改如下: event.stopPropagation( ...
分类:
Web程序 时间:
2016-06-03 12:55:21
阅读次数:
254
什么是事件冒泡? 事件冒泡——当点击子节点,会依次向上触发父节点,祖先节点的点击事件。 如何防止事件冒泡?主要有两种方法: 1.在相应的触发事件之后加上event.stopPropagation();来阻止事件冒泡。 2.在每种方法之后添加return false;来阻止事件冒泡。 ...
分类:
Web程序 时间:
2016-06-02 18:10:48
阅读次数:
233
一般情况下我们对一个DOM元素绑定事件时有三种方式 这样写是没有任何问题的(当然方法1并不可取) 但是在实际开发中我们会碰到诸如十几二十个li元素绑定事件的情况,甚至更多的元素,那么事件绑定这种给每一个元素都循环绑定的方式就会影响性能 所以我们可以利用事件冒泡的机制,使用事件委托的方法避免过多的性能 ...
分类:
编程语言 时间:
2016-05-31 20:50:30
阅读次数:
151
event、Dom 事件处理方法:事件流 事件流分为两种:事件冒泡(从里到外);事件捕获(从外到里)。 IE:只存在事件冒泡 DOM浏览器(现代浏览器,包括chrome、firefix等):存在两种事件流,默认事件冒泡。 DOM 0最早版本,也是DOM规范,兼容所有浏览器;缺点:不能同时添加多个事件 ...
分类:
其他好文 时间:
2016-05-30 19:59:19
阅读次数:
140
事件流:事件在DOM结构中传播的过程;事件冒泡:事件从最开始的具体元素到最外层的document出啊脉搏的过程;事件捕获:不太具体的节点应该最先接收到消息,一直传播到最里层的节点; 事件处理程序的方式:1.<input type="button" value="button1" id="button ...
分类:
Web程序 时间:
2016-05-30 00:45:41
阅读次数:
188
一、事件流 事件流描述的是从页面中接受事件的顺序。 IE的事件流是事件冒泡流,而Netscape的事件流是事件捕获流 1、事件冒泡 事件冒泡,即事件最开始由最具体的元素(文档中嵌套层次最深的那个节点)接收,然后逐级向上转播至最不具体的节点(文档)。 2、事件捕获 事件捕获的思想是不太具体的节点应该更 ...
分类:
其他好文 时间:
2016-05-27 18:23:24
阅读次数:
170
一、什么是事件冒泡
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。
打个比方说:你在...
分类:
编程语言 时间:
2016-05-27 16:53:06
阅读次数:
173
方式一:event.stopPropagation(); 方式二:return false; 但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。 例子: 当文本输入框获 ...
分类:
Web程序 时间:
2016-05-26 18:31:31
阅读次数:
126