首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >带有事件的嵌套元素

带有事件的嵌套元素
EN

Stack Overflow用户
提问于 2014-09-30 15:35:37
回答 1查看 205关注 0票数 0

我有个元素看起来像这样,

代码语言:javascript
复制
<div class='outer'>
    <div class='inner'></div>
</div>

我有两个关于DOM元素的事件,

代码语言:javascript
复制
$('.outer').click(function(e){
    console.log("outer has been triggered");
});

$('.inner').click(function(e){
    console.log("inner has been triggered");
});

现在,如果单击.outer,我在控制台中得到“外部已被触发”,如果我单击.inner,得到“外部已被触发”和“内部已被触发”,是否有一种方法仅在内部单击触发内嵌事件,并将其嵌套在外部div中?

下面是一个例子,http://jsbin.com/bewukakakuju/2/edit

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-09-30 15:39:05

代码语言:javascript
复制
$('.inner').click(function(e){
    console.log("inner has been triggered");
    e.stopPropagation();
});
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26124728

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档