社区
JavaScript
帖子详情
stopPropagation
iLove9ouHenry
2011-10-17 02:29:41
为什么要阻止冒泡事件?
...全文
51
1
打赏
收藏
stopPropagation
为什么要阻止冒泡事件?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
1 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
光曰不日
2011-10-17
打赏
举报
回复
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script src='http://code.jquery.com/jquery-latest.js'></script>
<script type="text/javascript">
$(function(){
$('.div1,.div3').width(200).height(200);
$('.div2,.div4').width(70).height(70).css('margin','10px 10px');
$('div').css('border','solid 1px red');
$('.div1,.div2,.div3').click(function(){
alert($(this)[0].className)
});
$('.div4').click(function(e){
alert($(this)[0].className)
e.stopPropagation();
});
})
</script>
<style>
</style>
</head>
<body>
<div class='div1'>div1
<div class='div2'>div2点我冒泡
</div>
</div>
<div class='div3'>div3
<div class='div4'>div4点我不冒泡
</div>
</div>
</body>
</html>
JavaScript中使用
stop
Pro
pagat
ion
函数停止事件传播例子
主要介绍了JavaScript中使用
stop
Pro
pagat
ion
函数停止事件传播例子,即阻止事件冒泡的一个方法,需要的朋友可以参考下
js(冒泡)中的preventDefault和
stop
Pro
pagat
ion
.doc
preventDefault
stop
Pro
pagat
ion
详解,很有用的
阻止JavaScript事件冒泡传递(cancelBubble 、
stop
Pro
pagat
ion
)
cancelBubble在IE下有效
stop
Pro
pagat
ion
在Firefox下有效 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit
ion
al//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
ion
al.dtd”> <html xmlns=”http://www.w3.org/1999/xhtml” lang=”gb2312″> <head> <title> 阻止JavaScript事件冒泡传递(cancelBubble 、
stop
Pro
pagat
ion
)<
js中的preventDefault与
stop
Pro
pagat
ion
详解
本篇文章主要是对js中的preventDefault与
stop
Pro
pagat
ion
进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
关于event.cancelBubble和event.
stop
Pro
pagat
ion
()的区别介绍
首先我在网上看到不少文章大体上分为两个(不正确)观点: 1. cancelBubble用于ie的阻止冒泡事件,event.
stop
Pro
pagat
ion
()用于firefox和chrome等其他浏览器。 先不讲上面是对是错 先看一个例子:(测试环境:chrom5.0.275.7, moz3.6.4, opera10.53, ie6,7,8) 代码如下: <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transit
ion
al//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transit
ion
al.dtd”>
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章