/**格式utf-8*/
$.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);
});
window.onbeforeunload = function() {
if(is_form_changed(_f)) {
return "页面数据还未保存!";
}
}
}
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();
});
*
* form 提交前 window.onbeforeunload = null;
*/
分享到:
相关推荐
本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) [removed] [removed] = ...
标题中的“离开页面时候的警告”指的是在用户尝试离开一个网页时,网页通过JavaScript或者其他技术显示的提示信息,通常用于确认用户是否真的想要离开,或者提醒用户保存未完成的工作。这种功能常见于在线表单填写、...
在本主题"javascript经典特效---离开页面弹出窗口"中,我们主要关注的是如何利用JavaScript来实现用户试图离开网页时弹出确认对话框的功能。 在网页设计中,有时我们希望在用户即将关闭浏览器窗口或跳转到其他页面...
js 页面离开,关闭,刷新时提醒保存 简单代码.
标题“离开页面时提醒你加入书签.rar”所涉及的核心技术是JavaScript的事件处理和书签功能。在网页设计中,书签是一个重要的用户交互元素,允许用户方便地保存当前页面以便日后访问。这个压缩包可能包含了一个...
js 特效 html 特效 离开页面弹出窗口 js 特效 html 特效 离开页面弹出窗口
这个事件通常用于在用户离开页面之前进行最后的操作,比如提示用户确认是否离开页面或清除某些数据。 #### 三、`onbeforeunload`事件的应用场景 1. **表单数据验证:**当用户填写表单后尚未提交时离开页面,可以弹...
传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前触发,允许开发者进行一些操作,如确认用户是否要离开当前页面。然而,仅仅使用onbeforeunload事件并不能完全...
标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...
在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...
- beforeunload事件在用户尝试离开页面时触发,比如点击浏览器的前进/后退按钮、关闭窗口或导航到另一个URL。这个事件提供了一个机会检查用户是否保存了必要的更改,或者提示用户确认是否真的要离开页面。例如,...
这主要用于那些希望用户在离开页面时不会留下任何痕迹的场景。此外,使用location.replace()方法同样可以实现页面刷新而不保留之前的状态,因为这个方法实质上是用新页面替换旧页面,示例代码如下: ```javascript ...
这个事件在用户尝试离开当前网页时触发,通常用于确认用户是否真的想要离开页面,或者保存未保存的数据。在不同的浏览器中,这个事件的处理方式和行为可能有所不同,尤其是在火狐(Firefox)中。 onbeforeunload是...
通过以上对JS页面事件的详细介绍,我们可以看出,JavaScript提供了一整套丰富的事件机制来处理用户与页面之间的交互。开发者可以根据具体需求选择合适的事件类型来增强用户体验,并实现更加复杂的页面逻辑。理解并...
JavaScript提供了这样的功能,通过`onbeforeunload`事件,我们可以实现离开页面前的提示。本文将详细介绍如何使用JavaScript和jQuery来实现这一功能。 首先,我们来看纯JavaScript的实现方式。`onbeforeunload`事件...
在Web开发中,有时我们需要让用户在不离开当前页面的情况下刷新页面以获取最新的数据或者状态。JavaScript 提供了多种方法来实现这一需求。本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的...
为了解决这个问题,我们可以使用JavaScript来实现一个功能,当用户尝试离开页面时,会检测到未保存的信息并提醒用户保存。 首先,我们需要定义一个变量来记录页面上是否有未保存的信息。在本例中,使用了一个名为`...
总的来说,"页面离开时检查表单是否改变"这一功能是通过JavaScript和jQuery实现的,它利用事件监听和状态跟踪,确保用户在无意离开页面时有机会保存他们的工作。尽管现代浏览器对`beforeunload`事件的处理有所限制,...
JavaScript(简称JS)作为客户端脚本语言,常被用于实现注册页面的前端验证,以提供良好的用户体验并减轻服务器压力。本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈...
"离开页面时检测表单元素是否被修改,提示保存的js代码"这个功能就是为了确保用户不会意外丢失他们的改动。当用户在表单上进行编辑后试图离开页面时,系统会弹出一个提示,询问他们是否确认离开,这样可以防止用户...