EventTarget事件：keypress

EventTarget事件 - keypress

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

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

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

基本信息

屬性

示例

每當(dāng)您按下<input>元素內(nèi)的鍵時，此示例都會記錄該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不會針對已知的鍵盤快捷鍵（參考）觸發(fā)keypress事件。哪些鍵盤快捷鍵已知，取決于用戶的系統(tǒng)。使用該keydown事件來實現(xiàn)鍵盤快捷鍵。