ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jqueryに基づいて監視データが変更されるかどうか

jquery_jqueryに基づいて監視データが変更されるかどうか

WBOY
リリース: 2016-05-16 18:08:01
オリジナル
894 人が閲覧しました

こうしてみると、これまでの努力は無駄になってしまいました。これらの問題の解決策は、ページ データが変更されるかどうかを監視することです。変更が発生した場合は、ユーザーに保存するように求めます。データが変更されていない場合。 「保存」をクリックした場合、データベースに送信する必要はありません。
解決策を見てみましょう:

コードをコピーします コードは次のとおりです:

// /
(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(default, options);

for (var i = 0; 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;
}
}
if (!flag) {
$ (this).bind('change', function() {
pageDataChange = true;
});
}
}
} );
}
return this ;
};
/*ページデータが変更されたかどうかを返します*/
$.fn.getValue = function() {
return pageDataChange;
};
})(jQuery );
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート