Question

我在我的magento应用程序中弹出了javascript和css。我可以通过点击弹出窗口上的关闭按钮来关闭弹出窗口，但是如果用户点击页面弹出窗口中的其他位置（弹出窗口外），则应该关闭弹出窗口。

Answer 1

看到这个问题： Use jQuery to hide a DIV when the user clicks outside of it

var mouse_is_inside = false;

$(document).ready(function()
{
    $('.form_content').hover(function(){ 
        mouse_is_inside=true; 
    }, function(){ 
        mouse_is_inside=false; 
    });

    $("body").mouseup(function(){ 
        if(! mouse_is_inside) $('.form_wrapper').hide();
    });
});

因此，检查鼠标是否位于弹出窗口内，如果不是，则将其关闭。如果您提供更多代码，我们可以帮助您完成设置

Answer 2

也许这会对你有所帮助。我会推荐jQuery但是你可以使用它也许这就是你的解决方案。

 <script type="text/javascript">
    document.onclick=check;
    function check(e){
    var target = (e && e.target) || (event && event.srcElement);
    var obj = document.getElementById('body');
    if(target!=obj){obj.style.display='none'}
    }
  </script>

如果你必须＆＃34;切换＆＃34;它可能会帮助你：

<script type="text/javascript">
  document.onclick=check;
  function check(e){
    var target = (e && e.target) || (event && event.srcElement);
    var obj = document.getElementById('mydiv');
    var obj2 = document.getElementById('sho');
    if(target!=obj&&target!=obj2){
      obj.style.display='none'
    }
    else if(target==obj2){
      obj.style.display='block'
    }
    }
    </script>

单击正文关闭弹出窗口

2 个答案: