HTML リファレンスマニュアル

HTML タグ完全ガイド

HTML onkeydownイベント属性

onkeydown属性は、現在の要素のkeydownイベントのイベントハンドラを取得または設定するために使用されます

オンラインサンプル

ユーザーがキーを押したときにJavaScriptを実行

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　onkeydown　イベント属性の使用(基本チュートリアルウェブ　oldtoolbag.com)</title>
<script>
function　demo_onkeydown()
{
　　　　var　x;
　　　　if(window.event)　//　IE8　およびより古いIEバージョン
　　　　{
　　　　　　　　x=event.keyCode;
　　　　}
　　　　else　if(event.which)　//　IE9/Firefox/Chrome/Opera/Safari
　　　　{
　　　　　　　　x=event.which;
　　　　}
　　　　var　keychar=String.fromCharCode(x);
　　　　alert("キー　"　+　keychar　+　"　が押された");
}
</script>
</head>
<body>
<p>ユーザーが入力フィールドでキーを押したときにトリガーされる関数。押されたキーを通知します。</p>
<input　type="text"　onkeydown="demo_onkeydown()">
</body>
</html>

テストをしてみる ‹/›

ブラウザ互換性

IEFirefoxOperaChromeSafari

すべての主要ブラウザがonkeydownイベント属性をサポートしています

定義と用法

ユーザーがキーボード上でボタンを押したときに、onkeydown属性がトリガーされます。

ヒント： onkeydownイベントに関連するイベントのトリガー順序:

onkeydown
onkeypress
onkeyup

注意： onkeydown属性は以下の要素に対して使用できません: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または <title>。

HTML 4.01 HTMLと5の差異

差異はありません。

文法

<element onkeydown="script">

属性値

値	説明
script	onkeydownイベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ