onkeydown イベント

DOM イベント KeyboardEvent

定義と使用法

onkeydownイベントは、ユーザーがキーを押したときに発生します（キーボード上で）。

ヒント：onkeydownイベントに関連するイベントの順序：

  1. onkeydown
  2. onkeypress
  3. onkeyup

インスタンス

例1

ユーザーがキーを押したときにJavaScriptを実行する：

<input type="text" onkeydown="myFunction()">

自分で試してみる

例2

"onkeydown"と"onkeyup"イベントを同時に使用する：

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

自分で試してみる

構文

HTMLで：

<element onkeydown="myScript">

自分で試してみる

JavaScriptで：

object.onkeydown = function(){myScript};

自分で試してみる

JavaScriptでaddEventListener()メソッドを使用する方法：

object.addEventListener("keydown", myScript);

自分で試してみる

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

技術的詳細

バブル： サポート
キャンセル可能： サポート
イベントタイプ： KeyboardEvent
サポートされているHTMLタグ： すべてのHTML要素は、以下の要素を除いています：<base>、<bdo>、<br>、<head>、<html>、<iframe>、<meta>、<param>、<script>、<style>および<title>
DOM バージョン： レベル2 イベント

ブラウザサポート

イベント Chrome IE Firefox Safari Opera
onkeydown サポート サポート サポート サポート サポート
DOM イベント KeyboardEvent