js如何实现设计一个对话框,并实现按ESC键和对话框关闭按钮关闭“打开的对话框”?

js如何实现设计一个对话框,并实现按ESC键和对话框关闭按钮关闭“打开的对话框”?

问题描述:

js实现设计一个对话框,并实现按ESC键和对话框关闭按钮关闭“打开的对话框”?

<!DOCTYPE html>
<html>
 <head>
 <meta charset="UTF-8">
 <title>ESC键关闭对话框</title>

 <style>

 </style>
 </head>
 <body>
 <div id="alert">
<button type="button" onclick="alertbox();">点击这里弹出对话框</button>
 </div>
 <script>
function alertbox(){

alert("请按ESC键关闭对话框");

}

document.getElementById('alert').onkeydown=function(event){ 
    var e = event || window.event || arguments.callee.caller.arguments[0]; 
    if(e && e.keyCode==27){ //(keyCode==27)== Esc键
      alertbox();
      } 
};
 </script>
 </body>
</html>