[Javascript] テキスト入力欄(input, textarea)の値をリアルタイムに監視するにはテキスト入力欄の値によって動的な処理を行いたい場合、現状Javascriptのビルドインなイベントでしっくり来るものはない。 例えばInput要素のvalueの変更を検知するイベントとしては、「change」イベントがあるが、これは対象のInput要素からフォーカスが外れた時に発火する。 これでは入力中の値をもとにリアルタイムな処理を行う事はできない。 別の例としてInput要素に対して「keydown」, 「keyup」, 「keypress」などのイベントでキーボードからの入力に応じて変更があったとみなすとしても、実はブラウザごとにIMEがオンになった状態での前述の3種のイベントの振る舞いが異なる。 具体的にはFirefoxにおいてIMEがオンになった状態で入力を開始すると、keyupイベントは最初の位置文字目で発生し、あとは何文字打とうと確定するときのエンターキーの入力までkeyup
![[Javascript] テキスト入力欄(input, textarea)の値をリアルタイムに監視するには](https://cdn-ak-scissors.b.st-hatena.com/image/square/8d71ff5111e05619a10d29bb40d7aebaa75c8fbc/height=288;version=1;width=512/https%3A%2F%2Fs0.wp.com%2Fi%2Fblank.jpg)
