通过冒泡事件实现点击按钮弹出层，点击页面其它地方隐藏层

转载于 2018-02-07 22:18:00 发布 · 92 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhaodagang8/p/8428668.html

本文介绍了一个简单的JavaScript示例，通过点击按钮来显示和隐藏一个div元素。该示例利用了基本的DOM操作和事件监听器。

document.onclick = function (e) {

    if(e.target.tagName == "INPUT" && e.target.id == "btn") {

        var div1 = document.getElementById("div_1");
        //alert(div1.style.display);
        if(div1.style.display == "block"){
            div1.style.display = "none"
        } else {
            div1.style.display = "block"
        }
    } else {
        document.getElementById("div_1").style.display = "none"
    }
}

转载于:https://www.cnblogs.com/zhaodagang8/p/8428668.html