什么是JS事件冒泡?
来源:互联网 发布:手机看淘宝直播黑屏 编辑:程序博客网 时间:2024/06/06 09:14
什么是JS事件冒泡?:
在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window)。
如何来阻止Jquery事件冒泡?
<%@ Page Language="C#" CodeFile="Default5.aspx.cs" Inherits="Default5"%>
<!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">
<head runat="server">
<title>Porschev---Jquery 事件冒泡</title>
<script src="jquery-1.3.2-vsdoc.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div id="divOne" onclick="alert('我是最外层');">
<div id="divTwo" onclick="alert('我是中间层!')">
<a id="hr_three" href="http://www.baidu.com" mce_href="http://www.baidu.com" onclick="alert('我是最里层!')">点击我</a>
</div>
</div>
</form>
</body>
</html>
比如上面这个页面,
分为三层:divOne是第外层,divTwo中间层,hr_three是最里层;
他们都有各自的click事件,最里层a标签还有href属性。
运行页面,点击“点击我”,会依次弹出:我是最里层---->我是中间层---->我是最外层
---->然后再链接到百度.
这就是事件冒泡,本来我只点击ID为hr_three的标签,但是确执行了三个alert操作。
事件冒泡过程(以标签ID表示):hr_three---->divTwo---->
如何来阻止?
1.event.stopPropagation();
0 0
- 什么是JS事件冒泡?
- 什么是JS事件冒泡?
- 什么是JS事件冒泡?
- 什么是JS事件冒泡?
- 什么是JS事件冒泡?(网络)
- 什么是JS事件冒泡?(网络)
- 什么是冒泡事件?
- JS中的事件冒泡
- Js 冒泡事件阻止
- js取消事件冒泡
- JS冒泡事件解决方案
- 阻止js事件冒泡
- JS冒泡事件解决方案
- JS 事件冒泡
- js事件冒泡
- JS阻止事件冒泡
- JS阻止事件冒泡
- Js 冒泡事件阻止
- DEDE内容页调用栏目的SEO标题、描…
- dede…
- js/jquery 实时监听输入框值…
- (一)js/jquery实时监听输…
- (二)js/jquery 实时监听输入框值…
- 什么是JS事件冒泡?
- html标签转化为纯文本格式
- mysql 时间日期函数
- MySQL语句中要用到if的例子列举
- ecshop2.7.3怎么自动清除缓存
- ECSHOP缓存问题的解决方法
- MYSQL IFNULL函数的使用
- AJAX中的请求方式以及同步异步的区…
- jQuery实现的全选、反选和不…