textarea や input フォームの change イベントをリアルタイムで発行するようにする tm.form-observer.js を作りました | TM Life

textarea や input フォームの change イベントは, 編集後にフォーカスを解除したときに発行されます. つまり編集中, 値を変更してもフォーカスが残っている限り change イベントは発行されません. しかし, Web ツールをつくる際, 機能として編集中でもリアルタイムで内容を参照して使いたいって時が多々あります. そんな時に使えるスクリプト『tm.form-observer.js』を作りました. 『tm.form-observer.js』 はフォームを監視するスクリプトです. textarea や input フォームを 監視するよう指定することでリアルタイムでチェンジイベントを発行することができます. 前回のエントリー『JavaScript Tips – dispatchEvent を使いこなそう!!』 で解説した dispatchEvent を活用してネイティ

[oicha]

“change イベント”

[hamuinu]

めもめも。