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

<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);
})