通过点击外部关闭div(有2个不同的div)

Question

在我的web中，我做了两个div，消息1成功，另一个错误，我一直在搜索如何做到这一点，但当我这样做时，只有一个div关闭，例如，如果成功的div出现，我可以关闭，但如果错误div出现，它不会关闭。

下面是我的代码:

function hideAlertInc() {
document.getElementById("alert-inc").style.display = "none";
}
function hideAlertCo() {
document.getElementById("alert-co").style.display = "none";
}
document.onclick = function (e) {
if (e.target.id !== 'alert-inc') {
hideAlertInc()
}
}
document.onclick = function (b) {
if (b.target.id !== 'alert-co') {
hideAlertCo()
}
}

Answer 1

已添加两次onclick事件。最后一个被调用，前一个被覆盖。使用下面的代码应该可以工作:

document.onclick = function (e) {
if (e.target.id !== 'alert-inc') {
hideAlertInc()
}
if (b.target.id !== 'alert-co') {
hideAlertCo()
}
}

Answer 2

如果有人感兴趣，我可以这样做我唯一要做的就是将第二个div上的onclick更改为onmousedown

:

function hideAlertInc() {
document.getElementById("alert-inc").style.display = "none";
}
function hideAlertCo() {
document.getElementById("alert-co").style.display = "none";
}
document.onclick = function (e) {
if (e.target.id !== 'alert-inc') {
hideAlertInc()
}else{
hideAlertInc()
}
}
document.onmouseup = function (e) {
if (e.target.id !== 'alert-co') {
hideAlertCo()
}else{
hideAlertCo()
}
}

如果有人知道更好的解决办法，请告诉我。