Jquery 离开页面时提示保存

xiaoxiao2026-04-09  5

$.fn.enable_changed_form_confirm = function () { var _f = this; $(':text, :password, textarea', this).each(function() { $(this).attr('_value', $(this).val()); }); $(':checkbox, :radio', this).each(function() { var _v = this.checked ? 'on' : 'off'; $(this).attr('_value', _v); }); $('select', this).each(function() { $(this).attr('_value', this.options[this.selectedIndex].value); }); $(this).submit(function() { window.onbeforeunload = null; }); window.onbeforeunload = function() { if(is_form_changed(_f)) { return "You will lose any unsaved content."; } } } function is_form_changed(f) { var changed = false; $(':text, :password, textarea', f).each(function() { var _v = $(this).attr('_value'); if(typeof(_v) == 'undefined') _v = ''; if(_v != $(this).val()) changed = true; }); $(':checkbox, :radio', f).each(function() { var _v = this.checked ? 'on' : 'off'; if(_v != $(this).attr('_value')) changed = true; }); $('select', f).each(function() { var _v = $(this).attr('_value'); if(typeof(_v) == 'undefined') _v = ''; if(_v != this.options[this.selectedIndex].value) changed = true; }); return changed; } $(function() { $('form').enable_changed_form_confirm(); });

 

相关资源:js 页面离开,关闭,刷新时提醒保存 简单代码.
转载请注明原文地址: https://www.6miu.com/read-5047035.html

最新回复(0)