JavaScript jQuery on click on everything but a div and it's children

I want to do something when I click anywhere, except when I click a div and it's children. This is what I've tried so far, but it's not working (clicking on it's children still executes what is within the brackets.

$('body').on('click', '* :not(#calculator)',  function(e){

I cannot use something like this:

jQuery - Select everything except a single elements and its children?

$("body > *").not("body > #elementtokeep").remove();

Because the .not function is not something I can put inside the .on() function.

How can I achieve this?

Answer:1

Use not with a comma to have both selectors: the element itself and the elements children

jQuery(document.body).on("click", ":not(#calculator, #calculator *)", function(e){ 
    console.log(this); 
    e.stopPropagation(); 
});​​​​​​​

jsFiddle

Answer:2

Host Typekit JS Locally

Typekit requires us to include their JS file to render the fonts, e.g.: <script type="text/javascript" src="https://use.typekit.com/random-name.js"></script> <script type="text/...

Typekit requires us to include their JS file to render the fonts, e.g.: <script type="text/javascript" src="https://use.typekit.com/random-name.js"></script> <script type="text/...

  1. typekit host locally
  2. host typekit fonts locally

I can't trigger the unload event in Chrome

This code runs fine on Firefox, but I can't make the unload event work on Chrome anymore. Did Chrome stop supporting the unload event? This is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....

This code runs fine on Firefox, but I can't make the unload event work on Chrome anymore. Did Chrome stop supporting the unload event? This is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1....

  1. canvas
  2. canada
  3. canada goose
  4. cane corso
  5. cancelled
  6. canes
  7. candace parker
  8. canker sore
  9. can bernie still win
  10. candy
  11. cancer
  12. cancun
  13. canon
  14. canvas prints
  15. cancer sign
  16. candace owens
  17. candyman
  18. candytopia
  19. candid
  20. cancer zodiac

where to place resource specific logic

Can you help me please to consider where to place resource (service) specific business logic in AngularJS. I feel it should be great to create some model-like abstraction over my resource, but I'm not ...

Can you help me please to consider where to place resource (service) specific business logic in AngularJS. I feel it should be great to create some model-like abstraction over my resource, but I'm not ...

Use sinon.js to create a “spy object” with spy methods based on a real constructor/prototype

I'm using sinon.js as a way to stub out dependencies in my Mocha tests. I prefer the 'spy' approach over a classic mock approach, as the introspection of the spy seems clearer and affords more ...

I'm using sinon.js as a way to stub out dependencies in my Mocha tests. I prefer the 'spy' approach over a classic mock approach, as the introspection of the spy seems clearer and affords more ...