KeyboardEventインターフェイス

　KeyboardEventインターフェイスは、キーボード操作によって発生するイベントに関するインターフェイスです。 キーボード入力が許可されたinput、textareaなどのformエレメントが対象です。

　ユーザーインターフェイスから生成された場合にはUiEventインターフェイスを継承します。 その他の場合は、Eventインターフェイスを継承しています。継承するEventインターフェイスのPropertyとMethod、Eventタイプが使えます。

formエレメント以外のKeyboadイベントの設定

formエレメント以外でキーボードイベントを捉えるには、 tabindex属性 でエレメントがフォーカスされるようにすることです。
　tabindexの値が0以上の場合はタブによってフォーカスされる対象になります。マイナスの値の場合はタブによってフォーカスが移動されませんが、フォーカスの対象にすることができます。

<div tabindex="-1" onkeydown="alert(event.key)">
<p>
タブによるフォーカスの移動はありませんが、フォーカスはされます。
フォーカスされることでキーボードイベントが利用できるようになります。
</p>
</div>
	

Constructor

KeyboardEvent() KeyboardEvent オブジェクトを生成します。

Properties

Example Syntax

var bubbles_value = KeyboardEvent.bubbles;

Methods

KeyboardEvent Types

　KeyboardEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。

Example Syntax

object.onabort = function(){script_or_function};