input イベントを使います。 時間差なしで入力値が取れる。わあかんたん。 jQueryを使った例。 change イベントは入力を終えてフォーカスを外した際に発火するのに対して、 input イベントは入力の度に発火します。 対象要素 <input> <textarea> <select> … IE、Edgeでだめ contenteditable 属性付きの要素 … IEでだめ <select> は change イベントを使います。この場合は変更したらフォーカス残したままでも、すぐ発火する。(よね? しない環境ある?) <select> のデモ contenteditable は、逆に change イベントが発火しない。 contenteditable のデモ チェックボックスとかはだめ MDNによると、歴史的経緯により <input type="checkbox"> とかは cl
![inputイベントでフォーム入力値をリアルタイム取得できるよ。(あとjQuery例。) | Ginpen.com](https://cdn-ak-scissors.b.st-hatena.com/image/square/de4af7f62b39439905833504e59ba1e153be6d8b/height=288;version=1;width=512/https%3A%2F%2Fginpen.com%2Fwp-content%2Fthemes%2Fginpen-theme%2Fimg%2Ficon-512.png)