Element: keypress event

在此页

范例
规范
浏览器兼容性
另请参阅
相关话题

弃用
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the 兼容性表格 at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

keypress event is fired when a key that produces a character value is pressed down. Examples of keys that produce a character value are alphabetic, numeric, and punctuation keys. Examples of keys that don't produce a character value are modifier keys such as Alt , Shift , Ctrl ，或 Meta .

Since this event has been deprecated, you should look to use beforeinput or keydown 代替。

接口	`KeyboardEvent`
冒泡	Yes
可取消	Yes
默认动作	Varies: `keypress` event; launch text composition system; `blur` and `focus` events; `DOMActivate` event; other event

范例

addEventListener keypress example

This example logs the KeyboardEvent.code value whenever you press a key after focussing the <input> 元素。

<div>
  <label for="sample">Focus the input and type something:</label>
  <input type="text" name="text" id="sample">
</div>
<p id="log"></p>

const log = document.getElementById('log');
const input = document.querySelector('input');
input.addEventListener('keypress', logKey);
function logKey(e) {
  log.textContent += ` ${e.code}`;
}

onkeypress equivalent

input.onkeypress = logKey;

规范

规范	状态
UI Events	工作草案

浏览器兼容性

更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`keypress` event 弃用	Chrome Yes Yes Chrome does not fire the `keypress` event for known keyboard shortcuts . Which keyboard shortcuts are known depends on the user's system. Use the `keydown` event to implement keyboard shortcuts.	Edge ≤18	Firefox Yes Yes As of Firefox 65, the `keypress` event is no longer fired for non-printable keys , except for the Enter key, and the Shift + Enter and Ctrl + Enter key combinations (these were kept for cross-browser compatibility purposes).	IE ?	Opera ?	Safari ?	WebView Android Yes Yes Chrome does not fire the `keypress` event for known keyboard shortcuts . Which keyboard shortcuts are known depends on the user's system. Use the `keydown` event to implement keyboard shortcuts.	Chrome Android Yes Yes Chrome does not fire the `keypress` event for known keyboard shortcuts . Which keyboard shortcuts are known depends on the user's system. Use the `keydown` event to implement keyboard shortcuts.	Firefox Android Yes Yes As of Firefox 65, the `keypress` event is no longer fired for non-printable keys , except for the Enter key, and the Shift + Enter and Ctrl + Enter key combinations (these were kept for cross-browser compatibility purposes).	Opera Android ?	Safari iOS ?	Samsung Internet Android Yes Yes Samsung Internet does not fire the `keypress` event for known keyboard shortcuts . Which keyboard shortcuts are known depends on the user's system. Use the `keydown` event to implement keyboard shortcuts.

图例

完整支持
兼容性未知 ?
弃用。不要用于新网站。

另请参阅

GlobalEventHandlers.onkeypress
Document interface, which the event also targets.
相关事件：
- input
- keydown
- keyup

元数据

最后修改： Jul 27, 2020

在此页

范例

addEventListener keypress example

onkeypress equivalent

规范

浏览器兼容性

图例

另请参阅

相关话题