快捷導(dǎo)航

jquery監(jiān)控?cái)?shù)據(jù)是否變化(修正版)

更新時(shí)間：2011年04月12日 13:56:05 作者：

jquery監(jiān)控?cái)?shù)據(jù)是否變化(修正版) 之前寫的那篇中存在許多bug，今天重新整理了一下。還請(qǐng)各位指教

 
///<reference path="query-1.5.1.min.js" /> 
(function($) { 
/*監(jiān)控頁面數(shù)據(jù)是否發(fā)生變化*/ 
var pageDataChange = false; 
var tagName = "Input, Select, Textarea"; 
var ctrlIds = []; 
$.fn.MonitorDataChange = function(options) { 
var deafult = { 
arrTags: tagName, //需監(jiān)控控件的tagName屬性 
arrCtrls: ctrlIds //不監(jiān)控的控件ID 
}; 
var ops = $.extend(deafult, options); 
tagName = ops.arrTags; 
ctrlIds = ops.arrCtrls; 
/*元素第一次獲取焦點(diǎn)時(shí)緩存該元素?cái)?shù)據(jù)*/ 
$(ops.arrTags).one("focus", function() { 
if ($.inArray($(this).attr("id"), ops.arrCtrls) != -1) { 
return; 
} 
$(this).data('initData', $(this).val()); 
}); 
}; 
/*獲取頁面數(shù)據(jù)是否已經(jīng)改變*/ 
$.fn.isChange = function() { 
$(tagName).each(function() { 
if ($.inArray($(this).attr("id"), ctrlIds) != -1) { 
return; 
} 
/*如果該元素的initData緩存數(shù)據(jù)已定義并且不等于他的value值，標(biāo)識(shí)該頁面中數(shù)據(jù)發(fā)生變化*/ 
if (typeof ($(this).data('initData')) != 'undefined') { 
if ($(this).data('initData') != $(this).val()) { 
pageDataChange = true; 
} 
} 
}); 
return pageDataChange; 
}; 
})(jQuery); 

前臺(tái)調(diào)用：

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
var is_change = false; 
$(document).ready(function() { 
$("form").MonitorDataChange(); 
}); 
function alertMsg() { 
is_change = $.fn.isChange(); 
if(is_change){ 
alert('數(shù)據(jù)發(fā)生改變！'); 
} 
} 
</script> 
<input type="text"/> 
<input type="text" /> 
<input type="text" /> 
<input type="text" /> 
<asp:TextBox runat="server"></asp:TextBox> 
<asp:CheckBox runat="server" /> 
<input type="button" value="true" onclick="alertMsg();"/> 

您可能感興趣的文章:

相關(guān)文章

jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能
這篇文章主要介紹了jquery實(shí)現(xiàn)郵箱自動(dòng)填充提示功能，為了提高用戶的體驗(yàn)，很多網(wǎng)站都會(huì)實(shí)現(xiàn)郵箱輸入的自動(dòng)提示功能，對(duì)如何實(shí)現(xiàn)自動(dòng)提示功能感興趣的小伙伴們可以參考一下
2015-11-11
jQuery的deferred對(duì)象詳解
開發(fā)網(wǎng)站的過程中，我們經(jīng)常遇到某些耗時(shí)很長(zhǎng)的javascript操作。其中，既有異步的操作（比如ajax讀取服務(wù)器數(shù)據(jù)），也有同步的操作（比如遍歷一個(gè)大型數(shù)組），它們都不是立即能得到結(jié)果的。
2014-11-11
jQuery 追加元素的方法如append、prepend、before
jQuery - 追加元素的方法有很多如append、prepend、before等等，下面為大家詳細(xì)介紹下
2014-01-01
jquery實(shí)現(xiàn)員工信息添加與刪除功能
這篇文章主要為大家詳細(xì)介紹了利用jquery制作簡(jiǎn)易的員工信息添加與刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-09-09
js調(diào)用iframe實(shí)現(xiàn)打印頁面內(nèi)容的方法
這篇文章主要介紹了js調(diào)用iframe實(shí)現(xiàn)打印頁面內(nèi)容的方法,需要的朋友可以參考下
2014-03-03
jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼
這篇文章主要介紹了jQuery設(shè)置單選按鈕radio選中/不可用的實(shí)例代碼的相關(guān)資料,非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-06-06
jQuery中odd選擇器的定義和用法
這篇文章主要介紹了jQuery中odd選擇器的定義和用法,較為詳細(xì)的分析了odd選擇器的具體功能、定義與使用方法,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery基于ajax實(shí)現(xiàn)頁面加載后檢查用戶登錄狀態(tài)的方法
這篇文章主要介紹了jQuery基于ajax實(shí)現(xiàn)頁面加載后檢查用戶登錄狀態(tài)的方法,結(jié)合實(shí)例形式較為詳細(xì)分析了jQuery結(jié)合ajax進(jìn)行表單登陸驗(yàn)證操作的具體步驟與相關(guān)操作技巧,需要的朋友可以參考下
2017-02-02
寫JQuery插件的基本知識(shí)
這篇文章主要介紹了從如何寫JQuery插件，需要注意的事項(xiàng)，還有必須要做的步驟，看過這個(gè)文章相信你會(huì)明白如何寫好一個(gè)JQuery插件
2013-11-11
jQuery自動(dòng)切換/點(diǎn)擊切換選項(xiàng)卡效果的小例子
我們看到很多網(wǎng)站會(huì)有有錯(cuò)誤404頁面，當(dāng)頁面不存存時(shí)就會(huì)提示，然后過幾秒就會(huì)自動(dòng)跳到首頁了，下面我來給大家舉一個(gè)404錯(cuò)誤頁面跳到首頁實(shí)例，有需要的朋友可以參考一下
2013-08-08