最新のWeb開発のチュートリアル
 

OnKeyDownイベント

<イベントオブジェクト

ユーザーがキーを押している時にJavaScriptを実行します。

<input type="text" onkeydown="myFunction()">
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

ユーザがキー押下したときOnKeyDownイベントが発生し(on the keyboard)

Tip: OnKeyDownイベントに関連するイベントの順序:

  1. onkeydownを
  2. onkeypressでは
  3. onkeyupの

ブラウザのサポート

イベント
onkeydown はい はい はい はい はい

構文

HTMLには:

JavaScriptで:

object .onkeydown=function(){ »それを自分で試してみてください

JavaScriptでは、使用してaddEventListener()メソッドを:

object .addEventListener("keydown", myScript );
»それを自分で試してみてください

注: addEventListener()メソッドは、Internet Explorer 8およびそれ以前のバージョンでサポートされていません。


技術的な詳細

バブル: はい
取消し可能: はい
イベントの種類: KeyboardEventです
サポートされているHTMLタグ: <ベース>、<BDO>、<BR>、<HEAD>、<HTML>、<iframe>の、<メタ>、<PARAM>、<SCRIPT>、<スタイル>、および:以外のすべてのHTML要素、 <title>
DOMバージョン: レベル2のイベント

例

その他の例

使い方"onkeydown"と一緒に"onkeyup"イベント:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
»それを自分で試してみてください

<イベントオブジェクト