Question

我有div隐藏/显示onclick，可添加或删除css class。我希望能够在用户点击div区域外时关闭/隐藏div。

我该怎么做？谢谢！

Answer 1

我认为您正在寻找的是可以通过JavaScript完成的。它是一个名为'onBlur'的事件，当事情失去焦点时会触发事件处理程序（例如你的div）。

您可以在此处详细了解：http://www.w3schools.com/jsref/event_onblur.asp

基本上，当对象失去焦点时，你会调用JavaScript函数：

onBlur="myFunction();"

...''myFunction（）'将使用JavaScript来更改CSS。

Answer 2

如上所述 - https://stackoverflow.com/a/7385673/1982631

<强> HTML

<div class="block">
      <div class="blockelements">

      </div>
    </div>

jQuery -

$(document).bind('click mouseup blur',function (e)
{
    var container = $(".block");

    if (!container.is(e.target) // if the target of the click isn't the container...
        && container.has(e.target).length === 0) // ... nor a descendant of the container
    {
        container.hide();
    }
});

演示 - https://jsfiddle.net/up6g5rqL/1/

Javascript关闭弹出div

2 个答案: