您好,匿名用户
随意问技术百科期待您的加入

jquery事件绑定父节点时,如何阻止对子节点事件的劫持?

0 投票

比如下面这种:

HTML:

​<div class="hello">
<a href="http://example.com" target="_blank" id="link">link</a>
<p>say hello world to everynone</P>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

jQuery:

$('.hello').click(function() {
    $('p').toggleClass('hidden');
});​

1. 当点击 .hello 任何区域都能将 p 隐藏,但我不希望点击 #link 的时候 p 也隐藏,应该如何做呢?
2. 当 #link 绑定了其他的 js 事件时,又该如何做呢?

http://jsfiddle.net/H26rM/

用户头像 提问 2012年 12月1日 @ 随意问站长 上等兵 (310 威望)
分享到:

1个回答

0 投票
 
最佳答案

手册一定要认真看啊,jquery手册,搜索bind函数,底部有专门的例子说明
通过使用 preventDefault() 方法只取消默认的行为。
比如某个表单本来点击submit是提交的,但是如果加入了event.preventDefatult() 则默认的submit行为就失效了

$("form").bind("submit", function(event){
  event.preventDefault();
});

通过使用 stopPropagation() 方法只阻止一个事件起泡。事件的冒泡三言两语说不清楚,去百度查吧,很多
http://jsfiddle.net/H26rM/1/

用户头像 回复 2012年 12月1日 @ Anivia 上等兵 (276 威望)
选中 2012年 12月1日 @随意问站长
提一个问题:

相关问题

0 投票
1 回复 31 阅读
用户头像 提问 2012年 12月1日 @ Xin Zhao 上等兵 (320 威望)
0 投票
1 回复 36 阅读
用户头像 提问 2012年 12月1日 @ Diana 上等兵 (326 威望)
0 投票
1 回复 49 阅读
0 投票
1 回复 35 阅读
用户头像 提问 2012年 12月1日 @ Cho'Gath 上等兵 (267 威望)
0 投票
1 回复 29 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...