admin管理员组

文章数量:1516870

I've got the following html

<div id="parent">
   <div id="window"><!-- contents of window ---></div>
</div>

Parent is 100% width with padding top and bottom and Window is centered inside it with a width of 600px.

What I need to figure out is a jquery selector which will trigger when the user clicks anywhere that is inside of Parent but outside of Window

I've got the following html

<div id="parent">
   <div id="window"><!-- contents of window ---></div>
</div>

Parent is 100% width with padding top and bottom and Window is centered inside it with a width of 600px.

What I need to figure out is a jquery selector which will trigger when the user clicks anywhere that is inside of Parent but outside of Window

  • javascript
  • jquery
Share Improve this question asked Sep 13, 2013 at 15:18 user1354269user1354269 354 bronze badges
Add a ment  | 

3 Answers 3

Reset to default 5

Check if the target has id parent

$('#parent').on('click', function (e) {
    if (e.target.id == "parent") {
        //code for clicking outside window but inside parent
    }
});

DEMO

You can bind a click handler to #parent and then prevent propagation of clicks from #window. This allows you to have additional nested content inside of #parent without messing around with lists of the event targets.

$("#window").on("click", function(e) {
    e.stopPropagation();
});
$("#parent").on("click", function(e) {
    // Do your thing
});

See a demo here: http://jsfiddle/4kGJX/

you can try this way

$('#parent').not("#window").on('click', function (e) {
    //do stuff
});

本文标签： JavaScriptJQueryon click anywhere inside div except certain childStack Overflow

版权声明：本文标题：javascript - jquery, on click anywhere inside div except certain child - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.betaflare.com/web/1745462716a2659397.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。