单击时需要关闭div，但单击内部div时不应关闭

编程问答 2022-04-26

问题描述

| 更清楚地说，运行代码----单击页面中的\'show \'，一个div会打开一个带有灰色背景的区域，另一个内部div会带有一个绿色背景---单击灰色背景时，如果需要关闭该div我们点击绿色div它不应该关闭，请帮助我，谢谢。 我有一个文本'show \'onclick在显示它打开一个div上，该div设置为display = none且此div设置为
overflow=hidden
。在div内，我还有另一个div。这可以正常工作，但问题是主div的onclick设置为display = none，在其区域中单击时无须关闭。 码： 
<html>
<head></head>
<script language=\"javascript\"> 
function toggle(tId) {
 var ele = document.getElementById(tId);
       ele.style.display = \"block\";
}
function cancelToggle(id,e)

      {         var target = (e && e.target) || (event && event.srcElement);
        var obj = document.getElementById(\'toggleText\');
        if(target!=obj){obj.style.display=\'none\'}
      }
</script>
<body>

 <a id=\"displayText\" href=\"javascript:toggle(\'toggleText\');\">show</a>

 <div id=\"toggleText\" style=\"display: none; background: none repeat scroll 0 0 rgba(0,0.6);  
            bottom: 0; height: 100%; left: 0; overflow: hidden; position: fixed; right:100; top: 10; width: 100%;\">

    <div style=\"background: none repeat scroll 0 0 #80C5A9; display: block; height: 40%;
                position:fixed; bottom: 0;  overflow: hidden; width: 100%;\">
   <h1>Welcome Naren</h1>
   <label>Its good for u.All the best</label> 
  </div>
 </div>

 </body>
</html>
    

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

div不应关闭关闭关闭内部单击需要需要