js实现点击空白处div消失

咳咳，本人js菜鸟一个，全靠李小胖先生不离不弃不放弃，虽然现在还是弱鸡一个~~努力每天一个新知识

    <a href="#" οnmοuseοver="mouseover()"></a>

    <div style="display="none" id="div">

    不知道写什么

    </div>

<script>

//第一步：鼠标移上去显示div

    function mouseoner(){

        let div=document.getElementById("div");//获取到div的id

        div.style.display="block";

          }

//第二步：点击空白处div消失

    document.οnclick=function(){

        div.style.display="none";

          }

//第三步：点击自身div不消失

    div.οnclick=function(e){

        e.stopPropagation();//阻止事件冒泡

          }

</script>

 

转载于:https://www.cnblogs.com/jassibel/p/9548369.html