我有一个id为的Div,我想用javascript检测Div的外部

我有一个id为的Div,我想用javascript检测Div的外部,javascript,jquery,Javascript,Jquery,如何检测div和javascript之外的内容 <script> function detect(){ alert("Detect"); } //How to detect click outside of div </script> <div id="detect" style="width:200px; height:200px; background-color:red;" onClick="detect()">&

如何检测div和javascript之外的内容

<script>
    function detect(){
        alert("Detect");
    }
    //How to detect click outside of div
</script>
<div id="detect" style="width:200px; height:200px; background-color:red;" onClick="detect()"></div>

函数检测(){
警报(“检测”);
}
//如何检测div外部的单击

您可以使用jquery,在脚本标记中执行以下操作:

$(document).ready(function(){
   $('body').click(function(e){
     if($(e.target).is('#detect')){
        return;
     }

     /// code goes here
  });
});

为什么总是$(document).ready(function()){不起作用?有脚本可以使用吗?没有,我不知道如何使用它。我已经尝试复制文件并将脚本放入。你可以这样定义吗?你可以通过添加此脚本行来使用cdn,为什么它在#detect?单击div时检测?如果我单击div,它不必检测它,而是退出div。尝试从div中删除onClick