jquery는 데이터 변경 여부를 모니터링합니다(개정 버전)_jquery

코드 복사 코드는 다음과 같습니다.

///
(function($) {
/*페이지 데이터 변경 여부 모니터링*/
var pageDataChange = false;
var tagName = "입력, 선택 , Textarea" ;
var ctrlIds = [];
$.fn.MonitorDataChange = function(options) {
var deafult = {
arrTags: tagName, //컨트롤의 tagName 속성 모니터링됨
arrCtrls : ctrlIds //모니터링되지 않는 컨트롤 ID
}
var ops = $.extend(deafult, options)
tagName = ops.arrTags
ctrlIds; ;
/*요소가 처음으로 포커스를 얻을 때 요소 데이터를 캐시합니다*/
$(ops.arrTags).one("focus", function() {
if ($.inArray( $(this).attr ("id"), ops.arrCtrls) != -1) {
return;
}
$(this).data('initData', $(this). val());
});
};
/*페이지 데이터가 변경되었는지 확인*/
$.fn.isChange = function() {
$(tagName) .each(function() {
if ($.inArray($(this).attr("id"), ctrlIds) != -1) {
return;
}
/* 요소의 initData가 데이터를 캐시하는 경우 정의되었지만 해당 값과 같지 않아 페이지의 데이터가 변경되었음을 나타냅니다*/
if (typeof ($(this).data('initData')) != 'undefine ') {
if ( $(this).data('initData') != $(this).val()) {
pageDataChange =
}
}
} );
return pageDataChange;
})(jQuery)

포그라운드 호출:

복사 code 코드는 다음과 같습니다.