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>