--- title: keypress slug: Web/API/Document/keypress_event translation_of: Web/API/Document/keypress_event ---
Событие keypress
происходит когда нажимается символьная клавиша, то есть клавиша которая создает символ. Пример таких клавиш это буквы, цифры, знаки пунктуации и т.д. Примеры клавиш которые не создают символы, это клавиши модификаторы, такие как: Alt, Shift, Ctrl, or Meta.
keypress
event; launch text composition system; blur
and focus
events; DOMActivate
event; other eventСвойства | Тип | Описание |
---|---|---|
target {{readonlyInline}} |
EventTarget | Цель события (самая верхняя цель в дереве DOM). |
type {{readonlyInline}} |
DOMString | Тип события. |
bubbles {{readonlyInline}} |
Boolean | Whether the event normally bubbles or not |
cancelable {{readonlyInline}} |
Boolean | Отменяется ли событие или нет |
view {{readonlyInline}} |
WindowProxy | document.defaultView (window of the document) |
detail {{readonlyInline}} |
long (float ) |
0. |
target {{readonlyInline}} |
EventTarget (DOM element) | Сосредоточенный элемент, обрабатывающий ключевое событие, корневой элемент, если не выделен подходящий элемент ввода. |
char {{readonlyInline}} |
DOMString (string) | The character value of the key. If the key corresponds to a printable character, this value is a non-empty Unicode string containing that character. If the key doesn't have a printable representation, this is an empty string. See key names and char values for the detail.
Примечание: Если ключ используется в качестве макроса, который вставляет несколько символов, значением этого атрибута является вся строка, а не только первый символ.
|
key {{readonlyInline}} |
DOMString (string) |
The key value of the key represented by the event. If the value has a printed representation, this attribute's value is the same as the |
code {{readonlyInline}}
|
DOMString (string) | Holds a string that identifies the physical key being pressed. The value is not affected by the current keyboard layout or modifier state, so a particular key will always return the same value. |
charCode {{readonlyInline}} |
Unsigned long (int) | The Unicode reference number of the key; this attribute is used only by the keypress event. For keys whose char attribute contains multiple characters, this is the Unicode value of the first character in that attribute.
Warning: This attribute is deprecated; you should use
char instead, if available. |
keyCode {{readonlyInline}} |
Unsigned long (int) | A system and implementation dependent numerical code identifying the unmodified value of the pressed key. This is usually the decimal ASCII ({{ RFC(20) }}) or Windows 1252 code corresponding to the key; see {{ anch("Virtual key codes") }} for a list of common values. If the key can't be identified, this value is 0.
Warning: This attribute is deprecated; you should use
key instead, if available. |
which {{readonlyInline}} |
Unsigned long (int) | A system and implementation dependent numeric code identifying the unmodified value of the pressed key; this is usually the same as keyCode .
Warning: This attribute is deprecated; you should use
key instead, if available. |
location {{readonlyInline}} |
long (float) | The location of the key on the device. |
repeat {{readonlyInline}} |
boolean | true if a key has been depressed long enough to trigger key repetition, otherwise false . |
locale {{readonlyInline}} |
string | The language code for the key event, if available; otherwise, the empty string. |
ctrlKey {{readonlyInline}} |
boolean | true if the control key was down when the event was fired. false otherwise. |
shiftKey {{readonlyInline}} |
boolean | true if the shift key was down when the event was fired. false otherwise. |
altKey {{readonlyInline}} |
boolean | true if the alt key was down when the event was fired. false otherwise. |
metaKey {{readonlyInline}} |
boolean | true if the meta key was down when the event was fired. false otherwise. |
Chrome не запускает событие keypress
для известных сочетаний клавиш (reference). Какие сочетания клавиш известны, зависит от системы пользователя. Используйте событиеkeydown
для реализации сочетаний клавиш.
<!DOCTYPE html> <html> <head> <script> 'use strict'; document.addEventListener('keypress', (event) => { const keyName = event.key; alert('keypress event\n\n' + 'key: ' + keyName); }); </script> </head> <body> </body> </html>