DOM

：

：

Document：keyup イベント

　編集：2022.10.11 by T.A.

[Edge]。→、

文書上でキーが放された時に発行されます。シフト キーなども関知します。

バブリング ¶あり
キャンセル可能 ¶はい
インターフェイス KeyboardEvent
イベント ハンドラー プロパティ onkeyup
関連

keydown、keyup、keypress。

例

HTML： 

<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){ //keyupイベントの処理：
  D=eve; //＝[object]：[object KeyboardEvent]。TEXTAREA要素内でFEPを介して「あ」の[a]を押して放した。

詳細	//isTrusted＝[boolean]：true
	//key＝[string]：a
	//code＝[string]：KeyA
	//location＝[number]：0
	//ctrlKey＝[boolean]：false
	//shiftKey＝[boolean]：false
	//altKey＝[boolean]：false
	//metaKey＝[boolean]：false
	//repeat＝[boolean]：false
	//isComposing＝[boolean]：true
	//charCode＝[number]：0
	//keyCode＝[number]：65
	//DOM_KEY_LOCATION_STANDARD＝[number]：0
	//DOM_KEY_LOCATION_LEFT＝[number]：1
	//DOM_KEY_LOCATION_RIGHT＝[number]：2
	//DOM_KEY_LOCATION_NUMPAD＝[number]：3
	//getModifierState＝[function]：function getModifierState() { [native code] }
	//initKeyboardEvent＝[function]：function initKeyboardEvent() { [native code] }
	//view＝[object]：[object Window]
	//detail＝[number]：0
	//sourceCapabilities＝[object]：[object InputDeviceCapabilities]
	//which＝[number]：65
	//initUIEvent＝[function]：function initUIEvent() { [native code] }
	//type＝[string]：keyup
	//target＝[object]：[object HTMLTextAreaElement]
	//currentTarget＝[object]：null
	//eventPhase＝[number]：0
	//bubbles＝[boolean]：true
	//cancelable＝[boolean]：true
	//defaultPrevented＝[boolean]：false
	//composed＝[boolean]：true
	//…


  IdLog.innerHTML="code："+ eve.code +"、key："+ eve.key;
}
document.onkeyup=Job;

編集不可能要素をクリックして[←]キーを押して放した： 

//D＝[object]：[object KeyboardEvent]

詳細//isTrusted＝[boolean]：true
//key＝[string]：ArrowLeft
//code＝[string]：ArrowLeft
//location＝[number]：0
//ctrlKey＝[boolean]：false
//shiftKey＝[boolean]：false
//altKey＝[boolean]：false
//metaKey＝[boolean]：false
//repeat＝[boolean]：false
//isComposing＝[boolean]：false
//charCode＝[number]：0
//keyCode＝[number]：37
//DOM_KEY_LOCATION_STANDARD＝[number]：0
//DOM_KEY_LOCATION_LEFT＝[number]：1
//DOM_KEY_LOCATION_RIGHT＝[number]：2
//DOM_KEY_LOCATION_NUMPAD＝[number]：3
//getModifierState＝[function]：function getModifierState() { [native code] }
//initKeyboardEvent＝[function]：function initKeyboardEvent() { [native code] }
//view＝[object]：[object Window]
//detail＝[number]：0
//sourceCapabilities＝[object]：[object InputDeviceCapabilities]
//which＝[number]：37
//initUIEvent＝[function]：function initUIEvent() { [native code] }
//type＝[string]：keyup
//target＝[object]：[object HTMLBodyElement]
//currentTarget＝[object]：null
//eventPhase＝[number]：0
//bubbles＝[boolean]：true
//cancelable＝[boolean]：true
//defaultPrevented＝[boolean]：false
//composed＝[boolean]：true
//…
テスト