1 事件流 事件冒泡:当一个元素接收到事件的时候,会把他接收到的所有传播到他的父级,一直传播到window。阻止冒泡:在当前要阻止冒泡的事件函数中调用 event.cancleBubble=true;现代的浏览器中默认使用的是事件冒泡机制,由于老版本不支持事件捕获,所以很少有人使用事件捕获。因此建议 ...
分类:
编程语言 时间:
2016-06-18 01:23:19
阅读次数:
175
刚开始接触到事件委托这个概念,还是看javascritp高级程序设计接触到的(js学习必备的书有木有)。 知道了什么是事件冒泡机制,(事件捕获因为不常用就不说了),然后明白了为什么会有事件委托的产生,其实在学习html的时候,就应该明白一个网页不只是平面的,更是立体的,一个页面实际的空间比我们眼睛看 ...
分类:
其他好文 时间:
2016-06-17 22:35:26
阅读次数:
195
冒泡和捕获的区别是冒泡事件是先触发子元素事件,再触发父元素事件,这个是冒泡。捕获是先触发父元素事件,再触发子元素事件。简单的来说,冒泡的顺序是由内到外,捕获的顺序是由外到内 举例:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> ...
分类:
其他好文 时间:
2016-06-17 17:13:40
阅读次数:
116
1、事件冒泡: 当点击内部 <span> 元素时,会触发自身及外层 <div> 和 <body> 的点击事件,这就是事件冒泡引起的。事件会随着 DOM 的层次结构依次向上传播。 事件冒泡可能会引起意料之外的效果,有时候需要阻止事件的冒泡行为,使用 stopPropagation() 方法来实现。 修 ...
分类:
Web程序 时间:
2016-06-17 17:02:06
阅读次数:
203
由于放假,信息没能及时更新,抱歉 学习内容: 事件对象: 在触发DOM事件的时候,都会产生一个对象 事件的常见属性 type :获取事件类型 target: 获取事件目标 代码如下: 事件的常见方法 stopPropagation():阻止事件冒泡 preventDefault() :阻止事件默认行 ...
分类:
其他好文 时间:
2016-06-17 16:48:37
阅读次数:
117
1、 运算符 比较的是两个对象的值和类型相对应的是 !==。 例: 2、事件 点击button时,会产生事件冒泡,因此事件会从下向上执行,即button-->div。 执行结果为:先弹出test1,然后弹出test2。 阻止事件冒泡:使用e.stopPropagation(); 3、创建对象方式 ...
分类:
编程语言 时间:
2016-06-16 20:07:01
阅读次数:
160
阻止事件冒泡行为,要是不阻止的话,点击div的时候也会同时触发body事件 html代码 <body onclick='load()'> <div onclick='cli()'> click this </div></body> css代码 div{ width:200px; height:200 ...
分类:
其他好文 时间:
2016-06-16 16:22:12
阅读次数:
153
1.按钮上的click事件 : 控制菜单的显示隐藏,同时需要阻止事件冒泡到document; 2.document的 click事件: 让menu隐藏,这个功能是点击document任意一处,将菜单隐藏; 3.菜单的click事件:菜单本身并没有,是菜单内部的元素的click事件,需要阻止内部元素的 ...
分类:
其他好文 时间:
2016-06-13 11:29:46
阅读次数:
178
Javascript事件冒泡,没有想象中那么糟糕 提到js事件,我们可能第一时间反应的就是“如何阻止事件冒泡”;但是事件冒泡真的是如我们想象的那么糟糕吗? 1. Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。 2. 事件句柄 ...
分类:
编程语言 时间:
2016-06-13 00:59:44
阅读次数:
190
今天写问卷的时候遇到个label点击的时候,监听的click事件被执行两次;产生这个的原因么。。。事件冒泡 然后么找了下方法。。。 方法一:把label扔了。。。 然后方法二 只认input,判断事件源为input(这是网上有人贴出来的解决方法)http://www.cnblogs.com/feng ...
分类:
Web程序 时间:
2016-06-11 22:58:17
阅读次数:
370