jquery – 如何防止onbeforeunload被调用时单击提交按钮

前端之家收集整理的这篇文章主要介绍了jquery – 如何防止onbeforeunload被调用时单击提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
点击提交按钮时,如何阻止被调用的onbeforeunload?
$(document).ready(function() 
 {
  $('input:text,input:checkBox,input:radio,textarea,select').one('change',function() 
  {
   //('BODY').attr('onbeforeunload',"return 'Leaving this page will cause any unsaved data to be lost.';");
   if(
   window.onbeforeunload = function() { return 'You have unsaved changes!'; }

  });

 });

解决方法

您不能阻止调用unbeforeunload,但使用全局标志变量,您可以控制是否显示警告.

在文档中添加脚本:

warn_on_unload = "You have unsaved changes!"

在提交事件中添加

warn_on_unload = "";

事件的定义,改为:

window.onbeforeunload = function() { return warn_on_unload; }

通过warn_on_unload,您现在可以随意打开或关闭警告消息.

猜你在找的jQuery相关文章