免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1878 | 回复: 3
打印 上一主题 下一主题

紧急求助,click事件的问题 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2011-04-11 13:49 |只看该作者 |倒序浏览
比如我有这样
<div><a href="http://bbs.jquery.org.cn">jquery</a> 非常的好用啊</div>

现在我想实现当我点击div的时候,会有一个click效果,但是如果点击div里面的A标签时,这个效果不启用,直接打开网址。
请问这个效果怎么实现呢?

论坛徽章:
0
2 [报告]
发表于 2011-04-11 13:50 |只看该作者
你这个是javascript事件的冒泡问题,点击超链接会向上冒泡到div,从而触发div的点击事件。
代码写成如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript" src="jquery-1.5.1.js"></script>
<SCRIPT LANGUAGE="JavaScript">
<!--
$(function()
{
        $('div').bind('click',function(evt)
        {
                alert('你点了div');
        });

        
        $('a').bind('click',function(evt)
        {
                evt.stopPropagation();
        });
});
//-->
</SCRIPT>
</HEAD>
<BODY>
<div><a href="http://bbs.jquery.org.cn">jquery</a> 非常的好用啊</div>
</BODY>
</HTML>

论坛徽章:
0
3 [报告]
发表于 2011-04-13 11:47 |只看该作者
关键是evt.stopPropagation();这句吧

论坛徽章:
0
4 [报告]
发表于 2011-04-13 14:18 |只看该作者
$('a').bind('click',function(evt)
        {
                evt.stopPropagation();
        });

用了jquery 好像可以直接return false.
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP