Javascript Detect click event outside of div [duplicate]

by

In pure Javascript

Check out this fiddle and see if that’s what you’re after!

document.getElementById('outer-container').onclick = function(e) {
    if(e.target != document.getElementById('content-area')) {
        document.getElementById('content-area').innerHTML = 'You clicked outside.';          
    } else {
        document.getElementById('content-area').innerHTML = 'Display Contents';   
    }
}

http://jsfiddle.net/DUhP6/2/

More Related Contents:

  1. HTML “overlay” which allows clicks to fall through to elements behind it [duplicate]
  2. Detect if user clicks inside a circle
  3. Detect if user clicks inside a circle
  4. Why are inline event handler attributes a bad idea in modern semantic HTML?
  5. How to stop event propagation with inline onclick attribute?
  6. Can I call jQuery’s click() to follow an link if I haven’t bound an event handler to it with bind or click already?
  7. Launch Bootstrap Modal on Page Load
  8. adding ‘click’ event listeners in loop [duplicate]
  9. Resize event for textarea?
  10. Getting value of HTML Checkbox from onclick/onchange events
  11. Pass mouse events through absolutely-positioned element
  12. Attach a body onload event with JS
  13. prevent Scroll bubbling from element to window
  14. How to stop default link click behavior with jQuery
  15. Attach an event in a child iframe to a handler in the parent window
  16. jQuery click anywhere in the page except on 1 div
  17. How do you detect the clearing of a “search” HTML5 input?
  18. how to move a div with arrow keys
  19. Javascript – Dynamically assign onclick event in the loop
  20. jQuery Change event on an element – any way to retain previous value?
  21. Handling “onclick” event with pure JavaScript
  22. How can I stop an onclick event from firing for parent element when child is clicked?
  23. Is it bad practice to use inline event handlers in HTML? [closed]
  24. visibilitychange event is not triggered when switching program/window with ALT+TAB or clicking in taskbar
  25. Javascript click event handler – how do I get the reference to the clicked item?
  26. HTML/Javascript Button Click Counter
  27. Is there an equivalent to e.PageX position for ‘touchstart’ event as there is for click event?
  28. Fire oninput event with jQuery
  29. Why isn’t my checkbox change event triggered?
  30. Replacement for deprecated `keypress` DOM event

Leave a Comment