閱讀(2.2k) 書(shū)簽贊(0) 我要糾錯(cuò)

EventTarget事件：keyup

2019-01-22 17:19 更新

EventTarget事件 - keyup

釋放key時(shí)會(huì)觸發(fā)該keyup事件。

基本信息

接口	`KeyboardEvent`
是否冒泡	是
是否可取消	是
目標(biāo)	`Document`， `Element`
默認(rèn)操作	沒(méi)有

屬性

屬性	類型	描述
`target`（只讀）	`EventTarget`	事件目標(biāo)（DOM樹(shù)中最頂層的目標(biāo)）。
`type`（只讀）	`DOMString`	事件的類型。
`bubbles`（只讀）	`Boolean`	事件是否正常冒泡。
`cancelable`（只讀）	`Boolean`	事件是否可以取消。
`view`（只讀）	`WindowProxy`	`Document.defaultView`（`window`文件）
`detail`（只讀）	`long`（`float`）	`0`。
`target`（只讀）	`EventTarget`（DOM元素）	聚焦元素處理key事件，如果沒(méi)有合適的輸入元素，則根元素。
`char`（只讀）	`DOMString`（string）	key的字符值。如果key對(duì)應(yīng)于可打印字符，則此值是包含該字符的非空Unicode字符串。如果key沒(méi)有可打印的表示，則為空字符串。注意：如果該key用作插入多個(gè)字符的宏，則此屬性的值是整個(gè)字符串，而不僅僅是第一個(gè)字符。
`key`（只讀）	`DOMString`（string）	由事件所表示的key的key值。如果值具有打印表示，則此屬性的值與`char`屬性相同。否則，它是Key值中指定的key值字符串之一。如果無(wú)法識(shí)別key，則為“Unidentified”字符串。
`code`（只讀）	`DOMString`（string）	保存一個(gè)標(biāo)識(shí)正在按下的物理key的字符串。該值不受當(dāng)前鍵盤布局或修改器狀態(tài)的影響，因此特定key將始終返回相同的值。
`charCode`（只讀）	`unsigned long`（`int`）	key的Unicode引用號(hào)；此屬性僅由`keypress`事件使用。對(duì)于`char`屬性包含多個(gè)字符的鍵，這是該屬性中第一個(gè)字符的Unicode值。警告：不推薦使用此屬性；你應(yīng)該使用`char`，如果可以的話。
`keyCode`（只讀）	`unsigned long`（`int`）	一種與系統(tǒng)和實(shí)現(xiàn)有關(guān)的數(shù)字代碼，用于標(biāo)識(shí)按下的key的未修改值。這通常是與key對(duì)應(yīng)的十進(jìn)制ASCII（RFC 20）或Windows 1252代碼。如果無(wú)法識(shí)別key，則此值為`0`。警告：不推薦使用此屬性；你應(yīng)該使用`key`，如果可以的話。
`which`（只讀）	`unsigned long`（`int`）	一種與系統(tǒng)和實(shí)現(xiàn)有關(guān)的數(shù)字代碼，用于標(biāo)識(shí)按下的key的未修改值；這通常與`keyCode`是一樣的。警告：不推薦使用此屬性；你應(yīng)該使用`key`，如果可以的話。
`location`（只讀）	`long`（`float`）	key在設(shè)備上的位置。
`repeat`（只讀）	`Boolean`	如果一個(gè)key被按下足夠長(zhǎng)的時(shí)間以觸發(fā)按鍵重復(fù)，則為`true`；否則為`false`。
`locale`（只讀）	`DOMString`	key事件的語(yǔ)言代碼（如果有）；否則，為空字符串。
`ctrlKey`（只讀）	`Boolean`	如果在觸發(fā)事件時(shí)控制鍵已關(guān)閉，則為`true`；否則為`false`。
`shiftKey`（只讀）	`Boolean`	如果在事件被觸發(fā)時(shí)shift鍵已關(guān)閉，則為`true`；否則為`false`。
`altKey`（只讀）	`Boolean`	如果事件被觸發(fā)時(shí)alt鍵已關(guān)閉，則為`true`；否則為`false`。
`metaKey`（只讀）	`Boolean`	如果在觸發(fā)事件時(shí)meta鍵已關(guān)閉，則為`true`；否則為`false`。

筆記

請(qǐng)注意，keydown和keyup提供一個(gè)代碼，指示按下哪個(gè)鍵，而keypress指示輸入了哪個(gè)字符。例如，小寫的“a”將通過(guò)keydown和keyup報(bào)告為65，但是會(huì)通過(guò)key來(lái)報(bào)告97。所有事件都將大寫的“A”報(bào)告為65。

示例

每當(dāng)您在<input>元素中釋放鍵時(shí)，此示例都會(huì)記錄該KeyboardEvent.code值。

HTML

<input placeholder="Click here, then press and release a key." size="40">
<p id="log"></p>

JavaScript

const input = document.querySelector('input');
const log = document.getElementById('log');

input.addEventListener('keyup', logKey);

function logKey(e) {
  log.textContent += ` ${e.code}`;
}

規(guī)范

DOM L3

以上內(nèi)容是否對(duì)您有幫助：

← EventTarget事件：keypress

EventTarget事件：load →

寫筆記

我要補(bǔ)充