<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<script type="text/javascript">
function doSomething (obj,evt) {
alert(obj.id);
var e=(evt)?evt:window.event;
if (window.event) {
e.cancelBubble=true;
} else {
e.stopPropagation();
}
}
</script>
</head>
<body>
<div id="parent1" onclick="alert(this.id)" style="width:250px;background-color:yellow">
<p>This is parent1 div.</p>
<div id="child1" onclick="alert(this.id)" style="width:200px;background-color:orange">
<p>This is child1.</p>
</div>
<p>This is parent1 div.</p>
</div>
<br />
<div id="parent2" onclick="alert(this.id)" style="width:250px;background-color:cyan;">
<p>This is parent2 div.</p>
<div id="child2" onclick="doSomething(this,event);" style="width:200px;background-color:lightblue;">
<p>This is child2. Will bubble.</p>
</div>
<p>This is parent2 div.</p>
</div>
</body>
</html>
分享到：
相关推荐
本段代码演示了如何使用JavaScript取消HTML事件的冒泡，即当后代元素的事件被触发时，祖先元素的相同事件也会被触发。...关键词：事件冒泡、取消冒泡、单击事件。用途：学习如何使用JavaScript取消HTML事件的冒泡。
事件冒泡是什么意思这里就不为大家一一赘述了，下面为大家讲解的是js中如何取消事件冒泡，感兴趣的朋友可以参考下
本文实例分析了JS冒泡事件与事件捕获。分享给大家供大家参考，具体如下： 案例 <!DOCTYPE html> <html> <head> <title>冒泡事件</title> [removed] [removed] = function(){ ...
下面小编就为大家带来一篇jquery取消事件冒泡的三种方法(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
在前端开发工作中，由于浏览器兼容性等问题...//否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; return false; 2.阻止浏览器的默认行为 JavaScript代码 //如果提供了事件对象，则这是
文章目录事件处理模型冒泡捕获触发顺序，先捕获，后冒泡取消冒泡事件阻止默认事件事件对象事件委托事件绑定处理函数的三种方式事件处理程序的内部this指向事件分类 事件处理模型 以下就是事件处理模型例子的代码 ....
//否则，我们需要使用IE的方式来取消事件冒泡 window.event.cancelBubble = true; } 2.当按键后,不希望按键继续传递给如HTML文本框对象时,可以取消返回值.即停止默认事件默认行为. //阻止浏览器的默认行为 ...
把这个属性设置为 fasle， //可以取消发生事件的源元素的默认动作。 //window.event?e.returnValue = false:e.preventDefault(); window.event?e.cancelBubble=true:e.stopPropagation(); } 或者： 代
实现了多个复选框的选择、取消，多个不联系的复选框的删除！带sql2000的数据库
主要介绍了浅谈javascript事件取消和阻止冒泡的方法和示例，有需要的小伙伴可以参考下。
一、事件基础 1.事件函数 ...事件委托：事件添加元素父节点(原理：事件的冒泡机制) 将事件添加到父元素上，当事件发生时，父元素会找到对应触发事件的子元素去处理，后期添加的子元素，依然有这个事件
事件传播 ...stopPropagation() w3c取消冒泡 cancleBubble = true IE取消冒泡 取消事件默认效果： returnValue = false IE 取消事件效果 defaultPrevent() w3c取消事件效果 <div id ='cc'></di
之前遇到事件冒泡的问题，也去网上搜索了一番，结果大部分都是一样的代码，贴来...//取消事件冒泡 function stopBubble(e) { var evt = (e) ? e : window.event;//兼容FF evt.cancelBubble = true; //evt.stopPro
1.事件处理程序的返回值 通常情况下，返回值false就是告诉浏览器不要执行这个事件相关的默认操作。例如，表单提交按钮的onclick事件处理程序能通过返回false阻止浏览器提交表单，再如a标签的onclick事件处理程序...
//使用IE的cancelBubble = true来取消事件冒泡 window.event.cancelBubble = true; } 阻止浏览器默认行为-通用方法 //阻止浏览器的默认行为 function stopDefault( e ) { //阻止默认浏览器动作(W3C) if
(基于对象和事件驱动的客户端脚本语言；也是一种广泛应用于客户端Web开发的脚本语言) 基于对象：网页中的一切元素都是假象！不需要new，即可直接使用 事件驱动：JavaScript的执行都是由事件引发 解释执行：先读...
DOM事件对象的属性有：bubbles 布尔值 只读 表明事件是否冒泡cancelable 布尔值 只读 表明是否可以取消事件的默认行为currentTarg
1 给元素赋值触摸事件事件类型是否可以取消是否走完整个冒泡式出发过程描述浏览器对该事件的默认处理方式touchstart是是用户将某个触摸点置于触摸界面之上未定