スポンサードリンク

JavaScriptでブラウザに入力されたキーコードを取得しよう

ブラウザ上で、入力されたキーのキーコードを取得してホゲホゲするプログラムを書いてたんですが、ブラウザによって使うメソッドが違うじゃないですか!

というわけで調べてみたところ、キーコード取得のために使われる event のメソッドは、keyCode と which と charCode のようでしたので、全てに対応できるように関数(getKeyCode)にしてみました。

ソースは以下の通り。

<html>
<head>
<title>Get KeyCode</title>
<script type="text/javascript">

function onKey(evt){
  alert(getKeyCode(evt));
  return false;
}

function getKeyCode(evt){
  var kc;
  
  if(evt.keyCode){
    kc = evt.keyCode;
    
  }else if(evt.which){
    kc = evt.which;
    
  }else if(evt.charCode){
    kc = evt.charCode;
    
  }
  
  return kc;
}

</script>
</head>
<body>

<input type="text" onkeypress="onKey(event)">

</body>
</html>
 

動作確認は、Windows XP SP3 上の IE8, Firefox 16.0.2, Chrome 23.0.1271.64, Opera 11.51, Safari 5.0.5 にて行いました。

スポンサードリンク
コメント
Verify your Comment
Previewing your Comment

This is only a preview. Your comment has not yet been posted.

Working...
Your comment could not be posted. Error type:
Your comment has been posted. Post another comment

The letters and numbers you entered did not match the image. Please try again.

As a final step before posting your comment, enter the letters and numbers you see in the image below. This prevents automated programs from posting comments.

Having trouble reading this image? View an alternate.

Working...

コメントを投稿
トラックバック

このページのトラックバックURL:
http://www.typepad.com/services/trackback/6a01310f1f31c0970c017c335d8f80970b

このページへのトラックバック一覧 JavaScriptでブラウザに入力されたキーコードを取得しよう:


プロフィール


  • 書いてる人:夢界 陸

    名古屋在住のおっさん。
    プログラミングやガジェットの話など、 日々の興味を徒然と綴っています。



    Twitterやってます @mukairiku



    運営サイト
    www.mukairiku.net

アクセスランキング


ブログ内検索

Licenses

  • Creative Commons License

OTHER


  • このブログのはてなブックマーク数

    track feed
    ブログパーツ
Blog powered by TypePad

スポンサードリンク