开发者社区 问答 正文

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

比如下面这种:

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 事件时,又该如何做呢?

展开
收起
小旋风柴进 2016-03-23 14:14:33 1886 分享 版权
1 条回答
写回答
取消 提交回答
  • 手册一定要认真看啊,jquery手册,搜索bind函数,底部有专门的例子说明
    通过使用 preventDefault() 方法只取消默认的行为。
    比如某个表单本来点击submit是提交的,但是如果加入了event.preventDefatult() 则默认的submit行为就失效了

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

    通过使用 stopPropagation() 方法只阻止一个事件起泡。

    2019-07-17 19:10:57
    赞同 展开评论