<pre name="code" class="html">事件会按照DOM层次结构像水泡一样不断向上直至顶端
解决方法:在事件处理函数中返回false，会对事件停止冒泡。

还可以停止元素的默认行为。例如：可以阻止a标签的提交


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>事件冒泡</title>

<script type="text/javascript" src="jquery-1.11.1.js"></script>

<script type="text/javascript">

	$(function (){

		/**

		 * 事件会按照DOM层次结构像水泡一样不断向上直至顶端

		 * 解决方法:在事件处理函数中返回false，会对事件停止冒泡。

		 * 还可以停止元素的默认行为。例如：可以阻止a标签的提交

		 */

		$("body").click(function (){

			alert("body");

		});

		$("div").click(function (){

			alert("div");

			return false;

		});

		$("span").click(function (){

			alert("span");

			return false;

		});

	});

</script>

</head>

<body>

	<div style="width:400px;height:100px;background:#CCC;">

		<span style="margin:auto;width:200px;height:50px;background:yellow;">事件冒泡</span>

	</div>

</body>

</html>
												


											
在jQuery中解决事件冒泡问题的更多相关文章
	

    
								
  1. jquery 中的事件冒泡
		
    废话少说,先来一段代码热热身: <!DOCTYPE html> <html> <head> <title>demo</title> < ...
    
		
    2. 
						
  2. jQuery中的事件冒泡
		
    1.什么是冒泡 eg: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <he ...
    
		
    3. 
						
  3. JQuery中阻止事件冒泡的两种方式及其区别
		
    JQuery 提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation(); $("#div1").mousedown(function(event){  ...
    
		
    4. 
						
  4. JQuery中阻止事件冒泡方式及其区别
		
    JQuery 提供了两种方式来阻止事件冒泡. 方式一:event.stopPropagation();         $("#div1").mousedown(function( ...
    
		
    5. 
						
  5. 关于JQuery中的事件冒泡
		
    什么是事件冒泡? 事件冒泡就是当父元素和子元素存在同一事件时在子元素的事件处理程序中会自动调用其父级元素的事件处理程序. demo: <!DOCTYPE html> <html xm ...
    
		
    6. 
						
  6. 你知道JQuery中的事件冒泡吗，他是怎么执行的，如何来停止冒泡事件？
		
    事件冒泡 首先需要知道什么是事件冒泡? 事件冒泡是从里面的往外面开始触发的,就是点击子节点,会向上触发父节点,祖先节点的点击事件 demo: <html xmlns="http://w ...
    
		
    7. 
						
  7. jQuery 中的事件冒泡和阻止默认行为
		
    1.事件冒泡 <%@ page language="java" import="java.util.*" pageEncoding="utf-8 ...
    
		
    8. 
						
  8. 【jQuery】jQuery中的事件捕获与事件冒泡
		
    在介绍之前,先说一下JavaScript中的事件流概念.事件流描述的是从页面中接受事件的顺序.   一.事件冒泡( Event Bubbling)            IE 的事件流叫做事件冒泡,即 ...
    
		
    9. 
						
  9. jquery中怎样防止冒泡事件
		
    jquery中怎样防止冒泡事件 1.利用event.stopPropagation() 2.利用return false 3.利用event.preventDefault()
    
		
    10. 
		

	


随机推荐
	

    
									
  1. HTML 之前未接触过的标签
			
    用于表单的HTML标签 HTML <fieldset> 标签             定义和用法 fieldset 元素可将表单内的相关元素分组. <fieldset> 标签将 ...
    
			
    2. 
						
  2. DUBBO功能使用说明
			
    DUBBO功能使用说明 1 DUBBO概述 DUBBO是阿里巴巴公司的一个分布式服务框架,致力于提供高性能和透明化的RPC远程服务调用方案,以及SOA服务治理方案. 相比于其他服务框架,DUBBO有如 ...
    
			
    3. 
						
  3. Don‘t talk.Just do it.
			
    对于算法,自己掌握的还是不多.并且我发现对于一个算法的理解非常重要.也许你会发现你貌似会用某总算法但是,他一旦变形,自己就无从下手. 还有就是对于算法.最好每次都自己敲,这样不仅能添加对于算法的熟度. ...
    
			
    4. 
						
  4. Java精选笔记_JSP技术
			
    JSP技术 JSP概述 什么是JSP 在JSP全名是Java Server Page,它是建立在Servlet规范之上的动态网页开发技术. 在JSP文件中,HTML代码与Java代码共同存在,其中,H ...
    
			
    5. 
						
  5. VMware 12安装虚拟机Mac OS X 10.10(VMware12安装/共享文件夹)
			
    推荐电脑配置 1:Inter I5及以上 (A卡请自行百度大神解决方案) 必须开启CPU虚拟化:开机进入BIOS--->Intel Virtualization Technology---> ...
    
			
    6. 
						
  6. ionic 页面加载事件及loading动画
			
    页面加载完成事件(非刷新情况下,页面切换是不会重复触发此事件的,只在第一次进入页面时触发,需要重复触发的话请使用 $ionicView.enter 事件) angular.module('app.co ...
    
			
    7. 
						
  7. 查看系统负载：uptime
			
    uptime命令用于查看系统负载,跟 w 命令的输出内容一致 [root@localhost ~]$ uptime :: up days, :, users, load average: 0.03,  ...
    
			
    8. 
						
  8. /etc/security/limits.conf
			
    ulimit 命令用来限制系统用户对 shell 资源的访问,但只是临时生效,想要永久生效需要配置 /etc/security/limits.conf 文件,语法及常见配置如下: [root@loca ...
    
			
    9. 
						
  9. Mysql全文搜索match against的用法
			
    全文检索在 MySQL 中就是一个 FULLTEXT 类型索引.FULLTEXT 索引用于 MyISAM 表,可以在 CREATE TABLE 时或之后使用 ALTER TABLE 或 CREATE  ...
    
			
    10. 
						
  10. On iPad, UIImagePickerController must be presented via UIPopoverController
			
    本文转载至:http://blog.csdn.net/k12104/article/details/8537695 On iPad, UIImagePickerController must be p ...
    
			
    11.