mozilla
Your Search Results

    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: khalid32, ethertank, fscholz
    最終更新者: khalid32,