Javascript检测div之外的点击事件 [英] Javascript Detect click event outside of div

问题描述

我有一个id =content-area的div，当用户点击这个div之外的时候，我想提醒他们，他们点击了它。如何使用JavaScript来解决这个问题？

I have a div with id="content-area", when a user clicks outside of this div, I would like to alert them to the fact that they clicked outside of it. How would I use JavaScript to solve this issue?

<div id = "outer-container">
   <div id = "content-area">
      Display Conents 
   </div>
</div>

推荐答案

纯JavaScript

查看这个小提琴，看看是否是你以后的！

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/

这篇关于Javascript检测div之外的点击事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！