Question

在网页关闭或后退时怎么跳出自己制作的一个对话框？

最近研究一个考试系统，考试的时候可以随便退出重考，于是想加一段js代码，让用户在关闭网页或后退刷新时跳出交卷时现实的对话框，请问这个应该怎么实现？用 window.onbeforeunload事件只能跳出是否离开页面的对话框，怎么让他跳出交卷对话框呢？下面是交卷对话框的代码：
<div aria-hidden="true" id="submodal" class="modal hide fade" role="dialog" aria-labelledby="#mySubModalLabel">
<div class="modal-header">
<button aria-hidden="true" class="close" type="button" data-dismiss="modal">×</button>
<h3 id="mySubModalLabel">
交卷
</h3>
</div>
<div class="modal-body" id="modal-body" style="max-height:100%;">
<p>共有试题 <span class="allquestionnumber">50</span> 题，已做 <span class="yesdonumber">0</span> 题。您确认要交卷吗？</p>
</div>
<div class="modal-footer">
<button onclick="javascript:submitPaper();" class="btn btn-primary">确定交卷</button>
<input type="hidden" name="insertscore" value="1"/>
<button aria-hidden="true" class="btn" data-dismiss="modal">再检查一下</button>
</div>
</div>
它是通过点击交卷按钮激发的
<a href="#submodal" role="button" class="btn btn-primary" data-toggle="modal"> 交 卷 </a>

Answer 1

在javascript里定义一个函数即可
function window.onbeforeunload() { alert("关闭窗口")}
alert()事件将会在关闭窗口前执行，你也可以用户决定是否关闭窗口
function window.onbeforeunload() {
if (event.clientX>document.body.clientWidth && event.clientY<0 ||event.altKey)
window.event.returnValue="确定要退出本页吗？";
}

追问

请问你写的这个函数是在对话框里显示确定退出本页吧？我是想显示一个自己做的窗口，上面是交卷和在检查一次，就像我上面发的代码那样，这样怎么写呢？