mozilla

element.onkeypress

概要

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>

【訳注: この例では全角入力モードは考慮されていません。】 

ドキュメントのタグと貢献者

Contributors to this page: fscholz, ethertank, khalid32
最終更新者: khalid32,