javascript - 关闭模态对话框屏幕

Question

我目前正在我的网站中为注册页面实现一个模式对话框屏幕，为您节省时间，我不会撒谎并说我正在关注本教程 - http://raventools.com/blog/create-a- modal-dialog-using-css-and-javascript/

一切正常，只是它没有显示如何在用户单击对话框外部时关闭对话框，就像在它周围的其他身体部位一样。

我怎样才能做到这一点？

谢谢你的帮助

Answer 1

您只需overlay()从要触发关闭的任何事件中再次调用。它切换覆盖层的可见性（如果覆盖层可见，则调用overlay()隐藏它，反之亦然）：

function overlay() {
    el = document.getElementById("overlay");
    el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

您也可以考虑使用类似jQuery UI 的对话框小部件。