<script>
$(document).ready(function(){
var isChanged = true;
$('.noalert').click(function() {
isChanged = false;
});
$(window).bind("beforeunload", function() {
if (isChanged) {
return "作業中の情報は破棄されます。";
}
});
});
</script>
<h1>離脱時に警告を出す</h1>
<p>
<a class="btn" href="/">警告あり</a>
※ページ内すべてのリンクへに対して実行されます。
</p>
<p><a class="btn noalert" href="/">警告なし</a></p>
</div>