zoukankan      html  css  js  c++  java
  • JS元素意外点击元素消失

    <!DOCTYPE html>
    
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    *{margin: 0;padding: 0}
    a{ display: inline-block; width: 50px;height: 50px;background: #f40;margin: 50px 0 0 50px;}
    div{margin: 60px 0 0 50px; padding: 20px;outline: none;border:1px solid #eee;border-radius: 5px;width: 200px;}
    </style>
    </head>
    <body>
    <a id="search">1111</a>
    <div id="searchBox"></div>
    <script type="text/javascript">
    window.onload = function(){
    var obj=document.getElementById("searchBox");
          var oBtn=document.getElementById("search");
          searchBox.style.display = "none";
          oBtn.onclick=function(){
           obj.style.display="block";
          }    
          document.onclick=function(event){
           //
           var e=event || window.event;//兼容ie和非ie的event
           var aim=e.srcElement || e.target; //兼容ie和非ie的事件源
           //
           if(e.srcElement){
            var aim=e.srcElement;
             if(aim!=oBtn && aim!=obj){
               obj.style.display="none";
             }
           }else{
             var aim=e.target;
             if(aim!=oBtn && aim!=obj){
               obj.style.display="none";
             }
           }
          }     
    }
    </script>
    </body>
    </html>
  • 相关阅读:
    fjnu2019第二次友谊赛 B题
    2019年FJNU低编赛 G题(dfs博弈)
    洛谷P2634 聪聪可可 (点分治)
    洛谷P3128 [USACO15DEC]最大流Max Flow (树上差分)
    Comet OJ
    Comet OJ
    Comet OJ
    Comet OJ
    Django models操作、中间件、缓存、信号、分页
    Ajax
  • 原文地址:https://www.cnblogs.com/love314159/p/9181656.html
Copyright © 2011-2022 走看看