データを入力するためにHTMLフォームを使用しています。私は、jQueryを使ってフォームの「プレビュー」ボックスをn秒ごとにリフレッシュしますが、これはコンテンツの変更時にのみ実行して、不要なちらつきや無駄な連続リフレッシュを避ける必要があります。 Javascript/jQueryでこれをどのように起動できますか?フォームのINPUTフィールドでコンテンツの変更をテストする必要があります。あなたは.change()
を使用する必要がAjaxコンテンツリフレッシュ(変更された場合のみ)
1
A
答えて
1
var isFormChanged = false;
$("input").change(function() {
isFormChanged = true;
});
setInterval(function() {
if (isFormChanged) {
refresh();
isFormChanged = false;
}
}, 15000);
1
関連する問題
- 1. 変数が変更された場合のみAjaxリフレッシュディビジョン
- 2. 変更された場合のみフォームを保存する
- 3. 変更された場合のみWebpackコンパイル
- 4. スピナーが変更された場合
- 5. ファイルが変更された場合、トリガーシェルスクリプト
- 6. 更新データが変更された場合のみ更新をトリガーする
- 7. カラムが変更された場合にのみSQLの更新トリガー
- 8. コンテンツが変更された場合にのみ、データグリッドビューを更新します
- 9. マージ - 値が変更された場合のみ更新します。
- 10. 値が変更された場合にのみPHPでMySQLデータベースを更新
- 11. 場合によってのみグローバル変数が変更されました
- 12. 保存のみ変更が行われた場合
- 13. 変数が変更された場合のイベントのトリガー
- 14. Nginxの更新ファイルが変更された場合
- 15. JQUERY AJAX - 成功の場合の$(これ))のクラスを変更
- 16. ワークフローの状態がXYZに変更された場合のみルールを実行
- 17. CMISのレンディションが変更された場合にのみダウンロードする
- 18. .confが変更された場合のみapache2をリロードするか、アプリケーションコードが変更された場合に使用することができますか?
- 19. DIVの高さが変更された場合の検出
- 20. CMake:プロジェクトを書き直します(変更された場合のみ)。
- 21. XMLが変更された場合にのみ、XMLからC#クラスを生成
- 22. Vuex計算されたプロパティは、ルートが変更されてから変更された場合にのみ更新されます。
- 23. 行が更新された場合のみ起動トリガー
- 24. ブラウザが更新された場合、URLを変更します
- 25. 変更された場合PHPがクラスを更新しない
- 26. 値が変更されない場合のbackbone.jsの変更
- 27. ComboBoxのSelectedIndexがViewModelプロパティのみで変更された場合のTextBoxの値の変更
- 28. 各ビューで変更される場合と変更されない場合があるグローバル変数Laravel 5.2
- 29. 番号が変更された場合のWebフォームの要素の変更
- 30. リンクがクリックされた場合のdivの内容の変更
完璧に動作します!ありがとう! TEXTAREAフィールドでコードを試しましたが、フォーカスがフォームの他の要素に移動したときにのみ機能します。どんなヒント? – Riccardo
@Riccardoこれは 'change'イベントの仕組みです。あなたは 'keyup'イベントを代わりに使ってみることもできますが、それは不必要なリフレッシュにつながります。別のオプションは、フォームを文字列に 'serializeする 'ことです(http://api.jquery.com/serialize/)。 n秒ごとに、フォームをもう一度シリアル化し、以前のシリアル化された値と比較します。それらが異なる場合は、リフレッシュしてください。 – Emmett
よろしく、ありがとう – Riccardo