KeyboardEventインターフェイス
KeyboardEventインターフェイスは、キーボード操作によって発生するイベントに関するインターフェイスです。 キーボード入力が許可されたinput、textareaなどのformエレメントが対象です。
ユーザーインターフェイスから生成された場合にはUiEventインターフェイスを継承します。 その他の場合は、Eventインターフェイスを継承しています。継承するEventインターフェイスのPropertyとMethod、Eventタイプが使えます。
- Event
- └── KeyboardEvent
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;
Property | |
---|---|
altKey | altキーが押されているとtrueを返す |
code | 押されたキーコード値を返す(keyプロパティを推奨) |
ctrlKey | Ctrlキーが押されているとtrueを返す |
isComposing | あるイベントがcompositionstartからcompositionendの間で発生したものならtrueを返します。 |
key | 押されたキーボードのキーコード値 |
locale | キーボードでに設定されたローケルをDOMStringで返します。 |
location | キーボードまたは何らかの入力デバイスのどの辺が押されたか |
metaKey | マウスイベント発生時にMETAキーが押されていればtrue |
repeat | キーが押し下げられ続けていればtrueを返します。 |
shiftKey | Shiftキーが押されているとtrueを返します。 |
Methods
Method | |
---|---|
getModifierState() | 修飾キー(Alt、AltGraph、CapsLock、Control、Meta、NumLocK、ScrollLock、Shift)が押されているか |
KeyboardEvent Types
KeyboardEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。
Example Syntax
object.onabort = function(){script_or_function};
KeyboardEvent type | |
---|---|
onkeydown | キーボードを押す。 |
onkeypress | 非推奨。keydownイベントを利用することが推奨されている。キーボードのキーを押した。ただし、ALT, CTRL, SHIFT, ESCキーには反応しない。 |
onkeyup | キーボードのキーを離した |