`
romantictravel
  • 浏览: 15508 次
  • 性别: Icon_minigender_1
  • 来自: 广州
最近访客 更多访客>>
社区版块
存档分类
最新评论

离开页面js

F# 
阅读更多
/**格式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实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)

    本文实例讲述了js实现用户离开页面前提示是否离开此页面的方法(包括浏览器按钮事件)。分享给大家供大家参考。具体如下: 用户离开页面前,提示是否离开此页面(包括浏览器按钮事件) [removed] [removed] = ...

    离开页面时候的警告

    标题中的“离开页面时候的警告”指的是在用户尝试离开一个网页时,网页通过JavaScript或者其他技术显示的提示信息,通常用于确认用户是否真的想要离开,或者提醒用户保存未完成的工作。这种功能常见于在线表单填写、...

    javascript经典特效---离开页面弹出窗口.rar

    在本主题"javascript经典特效---离开页面弹出窗口"中,我们主要关注的是如何利用JavaScript来实现用户试图离开网页时弹出确认对话框的功能。 在网页设计中,有时我们希望在用户即将关闭浏览器窗口或跳转到其他页面...

    js 页面离开,关闭,刷新时提醒保存 简单代码.

    js 页面离开,关闭,刷新时提醒保存 简单代码.

    离开页面时提醒你加入书签.rar

    标题“离开页面时提醒你加入书签.rar”所涉及的核心技术是JavaScript的事件处理和书签功能。在网页设计中,书签是一个重要的用户交互元素,允许用户方便地保存当前页面以便日后访问。这个压缩包可能包含了一个...

    js 特效 html 特效 离开页面弹出窗口

    js 特效 html 特效 离开页面弹出窗口 js 特效 html 特效 离开页面弹出窗口

    javascript页面关闭事件

    这个事件通常用于在用户离开页面之前进行最后的操作,比如提示用户确认是否离开页面或清除某些数据。 #### 三、`onbeforeunload`事件的应用场景 1. **表单数据验证:**当用户填写表单后尚未提交时离开页面,可以弹...

    JS区分浏览器页面是刷新还是关闭

    传统的做法是使用BOM(Browser Object Model)事件中的onbeforeunload事件,该事件会在页面即将卸载前触发,允许开发者进行一些操作,如确认用户是否要离开当前页面。然而,仅仅使用onbeforeunload事件并不能完全...

    用js互相调用iframe页面内的js函数

    标题提到的问题是在各种浏览器中,尤其是考虑到跨浏览器兼容性时,如何用JS实现主页面与`iframe`页面间的函数调用。在IE、Firefox和Chrome等现代浏览器中,有一些不同的处理方式。 首先,获取`iframe`页面的引用是...

    判断页面是关闭还是刷新的js代码

    在探讨“判断页面是关闭还是刷新的js代码”这一主题时,我们首先需要理解网页生命周期中的几个关键事件:`onload`、`onunload`、`onbeforeunload`以及`onclose`。这些事件在网页加载、卸载或刷新过程中扮演着重要...

    js页面生命周期1

    - beforeunload事件在用户尝试离开页面时触发,比如点击浏览器的前进/后退按钮、关闭窗口或导航到另一个URL。这个事件提供了一个机会检查用户是否保存了必要的更改,或者提示用户确认是否真的要离开页面。例如,...

    离开网页onbeforeunload事件在火狐的兼容并且提交不触发

    这个事件在用户尝试离开当前网页时触发,通常用于确认用户是否真的想要离开页面,或者保存未保存的数据。在不同的浏览器中,这个事件的处理方式和行为可能有所不同,尤其是在火狐(Firefox)中。 onbeforeunload是...

    用js来刷新当前页面保留参数的具体实现

    这主要用于那些希望用户在离开页面时不会留下任何痕迹的场景。此外,使用location.replace()方法同样可以实现页面刷新而不保留之前的状态,因为这个方法实质上是用新页面替换旧页面,示例代码如下: ```javascript ...

    js页面事件大全,js页面事件大全

    通过以上对JS页面事件的详细介绍,我们可以看出,JavaScript提供了一整套丰富的事件机制来处理用户与页面之间的交互。开发者可以根据具体需求选择合适的事件类型来增强用户体验,并实现更加复杂的页面逻辑。理解并...

    JavaScript实现离开页面前提示功能【附jQuery实现方法】

    JavaScript提供了这样的功能,通过`onbeforeunload`事件,我们可以实现离开页面前的提示。本文将详细介绍如何使用JavaScript和jQuery来实现这一功能。 首先,我们来看纯JavaScript的实现方式。`onbeforeunload`事件...

    js实现刷新当前页面

    在Web开发中,有时我们需要让用户在不离开当前页面的情况下刷新页面以获取最新的数据或者状态。JavaScript 提供了多种方法来实现这一需求。本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的...

    页面离开时检查表单是否改变

    总的来说,"页面离开时检查表单是否改变"这一功能是通过JavaScript和jQuery实现的,它利用事件监听和状态跟踪,确保用户在无意离开页面时有机会保存他们的工作。尽管现代浏览器对`beforeunload`事件的处理有所限制,...

    JS中利用localStorage防止页面动态添加数据刷新后数据丢失

    在Web开发中,页面刷新通常意味着所有未保存在服务器的数据都会丢失,特别是在客户端只使用JavaScript动态添加数据到DOM上时。为了解决这个问题,开发者可以利用Web Storage API中的localStorage功能来存储临时数据...

    注册页面验证js

    JavaScript(简称JS)作为客户端脚本语言,常被用于实现注册页面的前端验证,以提供良好的用户体验并减轻服务器压力。本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈...

    离开页面时检测表单元素是否被修改,提示保存的js代码

    "离开页面时检测表单元素是否被修改,提示保存的js代码"这个功能就是为了确保用户不会意外丢失他们的改动。当用户在表单上进行编辑后试图离开页面时,系统会弹出一个提示,询问他们是否确认离开,这样可以防止用户...

Global site tag (gtag.js) - Google Analytics