/* 功能:停止事件冒泡 */ function stopBubble(e) { //如果提供了事件对象,则这是一个非IE浏览器 if ( e && e.stopPropagation ) //因此它支持W3C的stopPropagation()方法 e.stopPropagation(); els ...
分类:
编程语言 时间:
2016-07-16 00:13:38
阅读次数:
210
由于放假,信息没能及时更新,抱歉 学习内容: 事件对象: 在触发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
什么是事件冒泡? 事件冒泡——当点击子节点,会依次向上触发父节点,祖先节点的点击事件。 如何防止事件冒泡?主要有两种方法: 1.在相应的触发事件之后加上event.stopPropagation();来阻止事件冒泡。 2.在每种方法之后添加return false;来阻止事件冒泡。 ...
分类:
Web程序 时间:
2016-06-02 18:10:48
阅读次数:
233
方式一:event.stopPropagation(); 方式二:return false; 但是这两种方式是有区别的。return false 不仅阻止了事件往上冒泡,而且阻止了事件本身。event.stopPropagation() 则只阻止事件往上冒泡,不阻止事件本身。 例子: 当文本输入框获 ...
分类:
Web程序 时间:
2016-05-26 18:31:31
阅读次数:
126
页面滚动的兼容方法 页面滚动的兼容方法 网页可视区client方法 网页可视区client方法 兼容ie6、7、8获取鼠标的坐标方法 兼容ie6、7、8获取鼠标的坐标方法 阻止事件冒泡 阻止事件冒泡 事件目标兼容性 事件目标兼容性 targetId(排除事件触发案例) 返回当前事件对象的id 火狐谷 ...
分类:
其他好文 时间:
2016-05-17 22:40:16
阅读次数:
245