js STUDIO

.onkeypress

現在の要素上のonKeyPressイベントハンドラのコードを返します。また、現在の要素に対してonKeyPressイベントハンドラの関数を割り当てます。

文法 

element.onkeypress = function;

注意事項

keypressイベントは、ユーザーがキーボードのキーを押した際に発生するべきイベントです。 ただし、全てのブラウザではありませんが、特定のキーでkeypressイベントを発生させないブラウザが存在します。

ブラウザの非互換動作について

  • Webkitベースのブラウザ(Chrome、Safari等)は、矢印キーではkeypressイベントが発生しません。
  • FirefoxはSHIFTのような修飾キーで、keypressイベントを発生させません。

仕様

仕様の一部ではありません。

例

下記は、フォームのフィールドへ数値が入力されている際のonkeypressの使用例になります。 

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Example</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>

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。