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

HTML タグ一覧

HTML onkeypressイベント属性

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

オンラインの例

キーボードを押したときにスクリプトを実行します:

例

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>基本的なチュートリアル(oldtoolbag.com)</title>　
<script>
function　displayResult()
{
　　　　var　x;
　　　　if(window.event)　//　IE8　およびより古いIEバージョン
　　　　{
　　　　　　　　x=event.keyCode;
　　　　}
　　　　else　if(event.which)　//　IE9/Firefox/Chrome/Opera/Safari
　　　　{
　　　　　　　　x=event.which;
　　　　}
　　　　keychar=String.fromCharCode(x);
　　　　alert("キー　"　+　keychar　+　"　が押されました");
}
</script>
</head>
<body>
<p>ユーザーが入力フィールドでキーボードを押したときにトリガーされる関数。押されたキーを警告します。</p>
<input　type="text"　onkeypress="displayResult()">
</body>
</html>

テストをしてみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

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

定義と使用法

ユーザーがキーを押したとき（キーボード上で）、onkeypress 属性がトリガーされます。

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

onkeydown
onkeypress
onkeyup

注意： onkeypress イベントはすべてのキーをトリガーできないすべてのブラウザで（例：ALT, CTRL, SHIFT, ESC) 。ユーザーがキーを押しているかどうかを検出する場合にのみ、使用できます onkeydown 置き換え、onkeydownはすべてのキーがトリガーされます。

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

HTML 4.01 HTMLと5の違い

なし。

文法

<element onkeypress="script">

属性値

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

HTML イベント属性

HTML: <template> タグ