jquery_jquery를 기반으로 데이터 변경 모니터링 여부

이런 식으로 이전의 노력은 헛된 것이 었습니다. 이러한 문제에 대한 해결책은 페이지 데이터가 변경되는지 모니터링하는 것입니다. 변경 사항이 발생하면 사용자에게 저장하라는 메시지를 표시합니다. 데이터가 변경되지 않은 경우. 저장을 클릭하면 데이터베이스에 제출할 필요가 없습니다.
해결 방법을 살펴보겠습니다.

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

// /
(function($) {
var pageDataChange = false //기본 로고 페이지 데이터가 변경되지 않았습니다
/* 페이지 데이터 변경 여부 모니터링*/
$.fn.MonitorDataChange = function(options) {
var tagName = new Array('Input', 'Select', 'Textarea')
var ctrlIds = [];

var deafult = {
arrTags: tagName, //모니터링할 컨트롤의 tagName 속성 배열
arrCtrls: ctrlIds //모니터링할 컨트롤의 ID 모니터링
};
var ops = $.extend(deafult, options)

for (var i = 0; i < ops.arrTags.length; i ) {
$(ops.arrTags[i]).each(function() {
if (ops.arrCtrls.length == 0) {
$(this).bind('change', function() {
pageDataChange = true;
} );
}
else {
var flag = false
for (var j = 0; j < ops.arrCtrls.length; j ) {
if ($(this) .attr('id') == ops.arrCtrls[j]) {
flag = true
break
}
}
if (!flag) {
$ (this).bind('change', function() {
pageDataChange = true;
})
}
}
} );
}
return this ;
};
/*페이지 데이터가 변경되었는지 반환*/
$.fn.getValue = function() {
return pageDataChange;
};
})(jQuery );