用户单击浏览器后退按钮时提交表单

Question

我有一个情况。 我有一个包含隐藏价值的表格。 当用户单击浏览器后退按钮时，应该提交表单。 我控制了后退空间按钮，但没有找到浏览器后退按钮的解决方案。 这是我的代码。

形成

 <form id="movevalue" action="/media" method="post">
    <input type="hidden" id="pagedetail" name="pagedetail" value="<?php echo $pagenumber; ?>" />
    <input type="submit" value="" style="display:none" />
 </form> 

在页面的末尾这是我的脚本。

脚本

    <script>
    $(function(){  
      $(document).bind("keydown keypress", function(e){
      if( e.which == 8 ){ // 8 == backspace
        $('#movevalue').submit();
      }
     });
    });
   window.onbeforeunload = function(evt)    
   {    
    if (typeof evt == 'undefined')     
        $('#movevalue').submit() 
    }

   </script>

window.onbeforeunload这对我不起作用。

Answer 1

只需使用此代码，这将涵盖所有页面离开状态或关闭...

<script>
window.onbeforeunload = function() {
    $('#movevalue').submit();
   return true;
};
</script>

Answer 2

尝试这个：

$(function () {
if (window.history && window.history.pushState) {
    window.history.pushState('', null, '');
    $(window).on('popstate', function (id) {
        $('#movevalue').submit();
    });
}

}）;