提问者:小点点

添加单击事件以隐藏弹出窗口


我有一个id为的弹出窗口是一个将显示从无更改为块的类。br>这是我第一次使用事件处理程序,我想了解一些信息。

var popup_v = document.getElementById("myPopup");

function popup() {
    popup_v.classList.toggle("show");
}
if(document.getElementById('myPopup').classList.contains("show")) {
    document.addEventListener('click', function(event) {
        popup_v.classList.remove("show");
    });
}

共1个答案

匿名用户

我看不出需要添加if条件来专门检查它是否包含类,它是否删除了类。

toggle方法应该同时为您执行这两项操作,即在toggle时添加show class,在toggle时再次删除show class(如果show class存在)

查看此示例以供参考-https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_toggle_class