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

keyup / keydown の使い分け

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

2017年9月29日に作成されたページです。
情報が古かったり、僕が今以上のど素人だった頃の記事だったりする可能性があります。

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

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)