HTML5：dialog

JavaScript 练手小技巧：HTML5 的 dialog 标签制作对话框_dialog html-CSDN博客

 

修改


确定 取消

 Modal 模式可以按 ESC 关闭 dialog

menu_modify.addEventListener('click', function(){
    menu.style.display = 'none';
    dialog.showModal();
});

 点击 dialog 外部区域关闭窗口

dialog.addEventListener("click", function(e){
    if (e.target.nodeName.toLowerCase() == "dialog") {
         this.close();
    }
});

按钮关闭窗口 

button_modify_cancel.addEventListener("click", function(e){
    dialog.close();    
});