我有一个弹出式div,只有在点击特定按钮时才会显示。甚至当点击同一按钮时,它也会隐藏。我的问题是,我还想在点击外部任何地方时隐藏div。我无法这样做,因为弹出式div在主包装类中,无法使用单击事件在包装类上使其隐藏。 这是我的代码:
function showHide() {
var ele = document.getElementById("div_fieldWorkers");
if (ele.style.display == "block") {
ele.style.display = "none";
} else {
ele.style.display = "block";
}
}
<input type="button" value="Add Field Worker" id="btnFieldWorkers" onclick="return showHide();" class="btn btn-primary" />