`

javascript事件传播

javascript事件 
阅读更多


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312">
<head>
<title> 阻止JavaScript事件冒泡传递（cancelBubble 、stopPropagation）</title>
<meta name="keywords" content="JavaScript,事件冒泡,cancelBubble,stopPropagation" />
<script type="text/javascript">
function doSomething (obj,evt) {
   alert(obj.id);
   var e=(evt)?evt:window.event;
   if (window.event) {
   alert("window")
   e.cancelBubble=true;
} else {
//e.preventDefault();
   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>

详细出处参考：http://www.jb51.net/article/9858.htm
分享到：
| apache的安装配置
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    javascript防止事件传播

    JavaScript防止事件传播是一种常见的前端开发技术，用于控制事件在DOM（文档对象模型）层次中的传播方式。事件传播包括三个阶段：捕获阶段、目标阶段和冒泡阶段。了解这三个阶段对于掌握如何阻止事件传播至关重要。 ...

    JavaScript程序设计——事件处理实验报告.docx

    实验报告详细介绍了JavaScript事件处理的相关知识，这在Web开发中是非常关键的一部分，因为事件是用户与网页交互的主要方式。以下是对各个知识点的详细说明： 1. **JavaScript事件基本概念**： - **事件**：是用户...

    javascript事件详解

    - stopPropagation()：阻止事件继续在DOM树中传播。 - preventDefault()：阻止事件的默认行为，例如链接的跳转。 - clientX/clientY：相对于浏览器视口左上角的鼠标坐标。 - pageX/pageY：相对于整个文档的鼠标...

    09JavaScript事件总结.docx

    事件冒泡是指事件从最内层元素向上层元素传播，使得祖先元素也能接收到相同的事件。这在很多情况下是有益的，但有时也需要阻止冒泡，如使用`event.cancelBubble = true`来实现。 五、事件委托（Delegation） 事件...

    javascript事件的传播基础实例讲解(35)

    JavaScript事件的传播是DOM元素处理事件的一种机制，它包括了捕获阶段、目标阶段和冒泡阶段。在本文中，我们将深入探讨这三个阶段，并通过一个实际的HTML示例来理解它们的工作原理。 首先，让我们来看捕获阶段。在...

    javascript事件查询综合

    总结来说，"javascript事件查询综合"这个文档很可能详细介绍了JavaScript事件处理的各个方面，包括事件绑定、事件对象、事件传播机制、事件处理的控制以及高级话题如事件委托和现代事件API。理解和熟练运用这些知识...

    javascript事件模型

    JavaScript 事件模型是Web开发中的核心概念，它定义了如何处理和响应用户或浏览器的交互。ECMAScript规范中的ECMA-357是与事件处理相关的一部分，它提供了JavaScript中处理事件的标准。 事件流是JavaScript事件模型...

    javascript事件模型代码

    JavaScript事件模型是JavaScript编程中处理用户交互和状态变化的核心机制。事件模型允许程序在特定条件满足时执行预定的代码，比如用户点击按钮、页面加载完成或数据发生变化等。本节将详细探讨JavaScript事件处理...

    使用JavaScript事件综合查询，js事件大全

    事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。事件捕获则是从最外层节点开始向下传播。在DOM2级事件模型中，可以设置`useCapture`参数决定事件处理顺序。 五、事件对象 每个事件触发时都会创建一个...

    Javascript 事件 一览表

    JavaScript事件是Web开发中至关重要的一...总结，JavaScript事件是构建交互式网页的关键，通过理解和掌握各种事件类型、事件处理程序、事件传播机制以及兼容性问题，开发者可以创建出更加灵活、响应用户行为的Web应用。

    javascript事件综合查询

    在JavaScript代码模块中，事件处理是一个核心概念，涉及到事件触发、事件监听和事件传播等多个方面。本篇将深入探讨JavaScript事件综合查询的相关知识点。 一、事件模型 1. DOM（Document Object Model）事件模型...

    JavaScript 事件的一些重要说明

    事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。在示例中，当鼠标移到列表项上时，每个元素都会添加红色边框。为了避免事件冒泡导致父元素也受到同样的效果，我们可以通过调用`stopBubble`函数来阻止...

    javascript事件大集合

    事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。事件捕获则相反，从最外层节点开始向下传播。DOM2级事件处理支持通过第三个参数选择事件处理模式。 六、事件阻止与事件默认行为 - `event....

    JavaScript事件学习小结（一）事件流

    标题中的"JavaScript事件学习小结（一）事件流"指的是JavaScript中的事件处理机制，特别是事件流的概念。事件流描述了在DOM（文档对象模型）中事件如何从根节点传播到具体的元素节点。在JavaScript中，事件是用户与...

    javascript事件列表解说

    此外，还有一些高级技术，如事件阻止（event.preventDefault()）和事件停止传播（event.stopPropagation()），它们可以帮助我们更精确地控制事件的执行流程。 总的来说，JavaScript事件列表涵盖了用户与网页互动的...

    javascript之事件及事件响应篇

    JavaScript是Web开发中不可或缺的一部分，尤其在处理用户交互方面，事件和事件响应起着至关重要的作用。本篇文章将深入探讨JavaScript中的事件模型、事件处理方式以及常见事件类型，旨在帮助开发者更好地理解和应用...

    ppk关于javascript事件的讲解.rar

    事件冒泡是指事件从最深的节点开始，然后逐级向上层节点传播事件。事件捕获则相反，从最外层节点开始向下传播。默认情况下，JavaScript使用事件冒泡机制，但可以通过`addEventListener`的第三个参数切换为事件捕获。...

    简析JavaScript事件、以及捕获和冒泡

    例如，可以使用捕获来阻止不必要的事件传播，或者在父元素上处理多个子元素共享的事件。 在实际开发中，理解事件冒泡和捕获的差异对于优化性能和编写可维护的代码至关重要。合理的事件处理策略可以提高用户体验，...

    JavaScript事件冒泡示例.html

    事件冒泡源于浏览器处理事件的方式，当一个事件（如点击、鼠标移动等）在一个元素上触发时，该事件会自底向上沿着DOM树（文档对象模型）逐级传播，直到到达根节点。这个过程就是事件冒泡。 事件冒泡的核心在于，...

    扣代码工具 javascript事件 捕获者2.0.zip

    事件冒泡是指事件从最深的节点开始，逐级向上层节点传播事件。而事件捕获则相反，从最外层的祖先节点开始，向下到目标节点。在JavaScript中，这两种模式可以同时存在，事件捕获先于事件冒泡执行。 "扣代码工具 ...

Magicbox
Global site tag (gtag.js) - Google Analytics