模拟移动端填写表单过程退出编辑

<div  id="show-model-div">
<div class="wrap">
<div class="box">
<div class="tip-text">确认退出编辑？</div>
<div class="btn-confirm fs16">
<a class="concel" href="javascript:;">取消</a>
<a class="sure" href="javascript:;">确定</a>
</div>
</div>
</div>
</div>

if (window.history && window.history.pushState) {
$(window).on('popstate', function() {
$('#upgrade_high_level_tip').show();
});
　　//页面第一次加载时入栈一个state,用来和popState配合，从而监听系统返回事件；
window.history.pushState({}, null, window.location.href);
}

$('#show-model-div .concel').click(function(){
$('#show-model-div').hide()
　　//由于点击返回键时，已经pop出去我们一开始入栈的一个state了，因此，我们需要重新压入一个，不然就没得popstate了，也就没得监听返回键了
window.history.pushState({}, null, window.location.href);
})
$('#show-model-div .sure').click(function(){
　　//直接系统返回
window.history.go(-1);
})