ど素人から毛を生やす。<延>

keyup / keydown の使い分け

Web > javascript 2017年9月29日(最終更新:21日前)

どもです。
この頃、入力フォーム周りで色々やることが多いので備忘。

jQueryでキーを押したときの動作といえば、
keydown / keypress / keyup
この3つ。

内、keypressはブラウザ差異があるので、使用の際は注意。
今回は、keyup / keydown のみ考える。

keydown :キーが押されたとき
keyup :キーが上がったとき

←こいつに「!」を入力したとき、

$('input').keydown(function(e){
	console.log($('input').val()) // before
});
$('input').keyup(function(e){
	console.log($('input').val()) // before!
});

入力される前のinputを参照したいならkeydown、
入力された後のinputを参照するときはkeyupになる。

思う通りの値が取れないときに思い出すべし。


※メモ
チェックボックスの値を操作したいときはattr("checkd","checkd")ではなくprop('checked',true)

この記事は役に立ちましたか?
  • _(:3」∠)_ 面白かった  (0)
  • (・∀・) 参考になった (0)
  • (`・ω・´) 役に立った (0)