概要
onkeypress プロパティは対象要素の onKeyPress イベントハンドラコードの取得 / 設定に用います。
構文
element.onkeypress = event handling code
注記
keypress イベントはユーザがキーボードのキーを押下した際に発生するよう定められていますが、全てのブラウザでこの様に実装されている訳ではありません。
ブラウザ間の実装差異
Webkit ベースのブラウザ (Google Chrome 、 Safari 等) は、矢印キーで keypress イベントが発生しません。
Firefox では、SHIFT キーなどの修飾キーでイベントが発生しません。
仕様
標準仕様書には含まれていません。
例
数字キーの入力のみを受け付けるフォームフィールドの例を以下に示します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<title>数値のみ入力可能なフォームフィールドの例</title>
<script>
function numbersOnly(oToCheckField, oKeyEvent) {
return oKeyEvent.charCode === 0 || /\d/.test(String.fromCharCode(oKeyEvent.charCode));
}
</script>
</head>
<body>
<form name="myForm">
<p>数字のみ受け付けます: <input type="text" name="myInput" onkeypress="return numbersOnly(this, event);" onpaste="return false;" /></p>
</form>
</body>
</html>
【訳注: この例では全角入力モードは考慮されていません。】