Javascript检测div外部的点击事件

小编典典

Javascript检测div外部的点击事件

html

我有一个id为“ content-
area”的div，当用户在该div之外单击时，我想提醒他们他们在该div之外单击的事实。我将如何使用JavaScript解决此问题？

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

阅读 912

2020-05-10

共1个答案

小编典典

用纯Javascript

看看这个小提琴，看看这就是你所追求的！

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';   
    }
}

2020-05-10