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

EventTarget事件：keypress

2019-01-22 16:28 更新

EventTarget事件 - keypress

注意，keypress事件已棄用，不再推薦使用此功能。雖然某些瀏覽器可能仍然支持它，但它可能已經(jīng)從相關(guān)的Web標(biāo)準(zhǔn)中刪除，或者可能僅為了兼容性目的而保留。避免使用它，并盡可能更新現(xiàn)有代碼；請(qǐng)參閱本頁(yè)底部的兼容性表。請(qǐng)注意，此功能可能隨時(shí)停止運(yùn)行。

按下產(chǎn)生字符值的鍵時(shí)會(huì)觸發(fā)該keypress事件。產(chǎn)生字符值的鍵的示例是字母，數(shù)字和標(biāo)點(diǎn)符號(hào)鍵。不產(chǎn)生字符值的鍵的例子是修飾鍵如Alt，Shift，Ctrl，或Meta。

該keypress事件已被棄用。您可能想要使用beforeinput或keydown替代。

基本信息

接口	`KeyboardEvent`
是否冒泡	是
是否可取消	是
目標(biāo)	`Document`，`Element`
默認(rèn)操作	變化：`keypress`事件；啟動(dòng)文本撰寫(xiě)系統(tǒng)； `blur`和`focus`事件； `DOMActivate`事件；其他事件

屬性

屬性	類(lèi)型	描述
`target`（只讀）	`EventTarget`	事件目標(biāo)（DOM樹(shù)中最頂層的目標(biāo)）。
`type`（只讀）	`DOMString`	事件的類(lèi)型。
`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)前鍵盤(pán)布局或修改器狀態(tài)的影響，因此特定key將始終返回相同的值。
`charCode`（只讀）	`unsigned long`（`int`）	key的Unicode引用號(hào)；此屬性?xún)H由`keypress`事件使用。對(duì)于`char`屬性包含多個(gè)字符的鍵，這是該屬性中第一個(gè)字符的Unicode值。警告：不推薦使用此屬性；你應(yīng)該使用`char`，如果可以的話(huà)。
`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`，如果可以的話(huà)。
`which`（只讀）	`unsigned long`（`int`）	一種與系統(tǒng)和實(shí)現(xiàn)有關(guān)的數(shù)字代碼，用于標(biāo)識(shí)按下的key的未修改值；這通常與`keyCode`是一樣的。警告：不推薦使用此屬性；你應(yīng)該使用`key`，如果可以的話(huà)。
`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`。

示例

每當(dāng)您按下<input>元素內(nèi)的鍵時(shí)，此示例都會(huì)記錄該KeyboardEvent.code值。

HTML

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

JavaScript

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

input.addEventListener('keypress', logKey);

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

規(guī)范

DOM L3

瀏覽器兼容性

Chrome不會(huì)針對(duì)已知的鍵盤(pán)快捷鍵（參考）觸發(fā)keypress事件。哪些鍵盤(pán)快捷鍵已知，取決于用戶(hù)的系統(tǒng)。使用該keydown事件來(lái)實(shí)現(xiàn)鍵盤(pán)快捷鍵。

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

← EventTarget事件：keydown

EventTarget事件：keyup →

寫(xiě)筆記

我要補(bǔ)充