This page was translated from English by the community.Learn more and join the MDN Web Docs community.
keypress
Событиеkeypress происходит когда нажимается символьная клавиша, то есть клавиша которая создаёт символ. Пример таких клавиш это буквы, цифры, знаки пунктуации и т.д. Примеры клавиш которые не создают символы, это клавиши модификаторы, такие как:Alt,Shift,Ctrl, orMeta.
Общая информация
- Спецификация
- Интерфейс
- Bubbles
Yes
- Cancelable
Yes
- Цель
Document, Element
- Действие по умолчанию
Varies:
keypressevent; launch text composition system;blurandfocusevents;DOMActivateevent; other event
Свойства
| Свойства | Тип | Описание |
|---|---|---|
targetТолько для чтения | EventTarget | Цель события (самая верхняя цель в дереве DOM). |
typeТолько для чтения | DOMString | Тип события. |
bubblesТолько для чтения | Boolean | Whether the event normally bubbles or not |
cancelableТолько для чтения | Boolean | Отменяется ли событие или нет |
viewТолько для чтения | WindowProxy | document.defaultView (window of the document) |
detailТолько для чтения | long (float) | 0. |
targetТолько для чтения | EventTarget (DOM element) | Сосредоточенный элемент, обрабатывающий ключевое событие, корневой элемент, если не выделен подходящий элемент ввода. |
charТолько для чтения | 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. Seekey names and char values for the detail. Примечание: Если ключ используется в качестве макроса, который вставляет несколько символов, значением этого атрибута является вся строка, а не только первый символ. |
keyТолько для чтения | 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Только для чтения | 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Только для чтения | Unsigned long (int) | The Unicode reference number of the key; this attribute is used only by thekeypress event. For keys whosechar 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Только для чтения | 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; seeVirtual 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Только для чтения | Unsigned long (int) | A system and implementation dependent numeric code identifying the unmodified value of the pressed key; this is usually the same askeyCode.Warning: This attribute is deprecated; you should use key instead, if available. |
locationТолько для чтения | long (float) | The location of the key on the device. |
repeatТолько для чтения | boolean | true if a key has been depressed long enough to trigger key repetition, otherwisefalse. |
localeТолько для чтения | string | The language code for the key event, if available; otherwise, the empty string. |
ctrlKeyТолько для чтения | boolean | true if the control key was down when the event was fired.false otherwise. |
shiftKeyТолько для чтения | boolean | true if the shift key was down when the event was fired.false otherwise. |
altKeyТолько для чтения | boolean | true if the alt key was down when the event was fired.false otherwise. |
metaKeyТолько для чтения | 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>