keyupとchangeの発火を同時に使いたい

Question

やりたいこととしては、

$('.check').change(function(){ ... });

これでチェックボックスやセレクトボックスの値が変更されたときにvalueを取得したりできるのですが、テキストフィールドに値が入力されたり変更されたときも対応したいので、keyupを使いたいです。

２つ同時になんて使用出来ないものでしょうか？

change　の中にajaxを書いており、データを渡す必要があるので、できれば同じ関数の中に入れたいです。

↑知識のある方からすると変なことを言っているかもしれませんが,,ご指導ご鞭撻いただけると幸いです。

Comments

[退会済みユーザー]

フォーカスが外れた時ではだめという事でしょうか。それで良いのなら両方changeで対応できるのですが・・・

Answer 1

inputイベントを使えばinput(text, checkbox, radio), textarea, select要素等に対する入力をひとくくりにできます.
(jQueryでの記述は使い慣れていないので省略. 多分onメソッドに渡せるんじゃないかと)

Comments

[lenlen]

ありがとうございます！
inputイベントのことを知りませんでしたので目から鱗です。
使ってみます！

Answer 2

出来ますが、2回発火する挙動が質問者さんが期待する動作なのかはわかりません…。

jQuery('.check').on('chnge input', e => console.log(e.type));

私としては、内部的にフラグ管理するか、適用対象をわけたくなる場面ですね。

function handleEvent  (e) { console.log(e.type); }

jQuery('input[type=checkbox],select').on('change', handleEvent);
jQuery('input[type=text],textarea').on('input', handleEvent);

Re: lenlen さん

Comments

[lenlen]

ありがとうございます！
なるほど、、確かに分けてやるとスマートに動きそうですね！試してみます！

Answer 3

$('.check').on('change keyup', function(){ ... });

https://api.jquery.com/on/

Answer 4

.on()メソッドを使えば第一引数に複数のイベントハンドラを指定できます。
スペースで区切って入力してください

$('.check').on('change keyup', function(){ ... });

Comments

[lenlen]

ありがとうございました！
.onはこういう使い方が出来るのですね〜！
大変勉強になりましたm(__)m