jQueryを使って押したキーの判定をする
キーボードを押した時の処理を出すために、キーを押した時にどのような値が帰ってくるのかをチェックしておこうかなと思い、アルファベッドの文字だけを判定する判定のスクリプトを書いてみた。
タイプしたキーの判定
jQuery 1.3.2 日本語リファレンスを参考にしつつ、サンプルを作ってみた。
jQuery(function($){
$("div.preview input").keydown(function (e) {
$("div.preview span#moji").text(e.keyCode);
if (e.which == 32
|| (65 <= e.which && e.which <= 65 + 25)
|| (97 <= e.which && e.which <= 97 + 25)){
var c = String.fromCharCode(e.which);
}else{
var c = "アルファベット以外のキー";
};
$("div.preview span#mcode").text(c);
});
});
■プレビュー
押したキーは
コードは
上の方ででてくる文字、アルファベット以外をタイプしたときに、「アルファべット以外のキー」という表示がでるはずなのですが、押したキーによっては、なぜかアルファベットがでてくるのですが、そこは特に気にせず。
とりあえず、自分が調べたいキーの値がわかっただけでも、これを作ったかいがあったかな。
keydownとkeyupとkeypress
これのどれを選択したかと、ブラウザによっても取得できる値が変わってくるようだ。この点については要注意かも知れない。それぞれイベントを起こすタイミングが違ってくるのですが、キーの値も変わってくるのと、どれを使っていいのか迷うところでもある。よく調べてから実装したほうがよさそうだ。
