html подія onkeypress


Подія keypress виникає відразу після keydown, якщо натиснута символьна клавіша, тобто натискання призводить до появи символу.

Подія keypress дозволяє отримати код символу . На відміну від скан-коду, він специфічний саме для символу і різний для z і я.

Код символу зберігається у властивостях: charCode і which. Тут є багато крос-браузерних несумісностей, розбиратися з якими немає ніякого сенсу - запам'ятати складно, а на практиці потрібна лише одна «правильна» функція, що дозволяє отримати код всюди.

a4a3dbd91a2a2eab3878acde40f15836.png

автор: с3с

Порада

Порядок подій, пов'язаних з подію onkeypress:

  1. onkeydown
  2. onkeypress
  3. onkeyup
автор: с3с
Порада

Подія onkeypress не спрацювує у різних браузерах для деяких клавіш (наприклад: ALT, CTRL, SHIFT, ESC). Тому, якщо вам потрібно зловити ці клавіші, використовуйте подію - onkeydown, в неї такої проблеми немає.

автор: с3с
Нотатка

Поява символу можна запобігти, якщо скасувати дію браузера на keydown/keypress:

<input onkeydown="return false" type="text" size="30">

<input onkeypress="return false" type="text" size="30">

автор: с3с

Синтаксис

<element onkeypress="script">

Переглядачі

Підтримка: стаціонарні переглядачі
Переглядач Google Chrome Mozilla Firefox Apple Safari Opera Microsoft EDGE Microsoft Internet Explorer
4.0+ 3.0+ 1.0+ 3.5+ 12+ 9.0+
Підтримка: мобільні переглядачі
Переглядач Mobile Google Android Mobile Google Chrome Mobile Mozilla Firefox Mobile Apple Safari
2.3+ 75+ 67+ 5+

Приклади

+ запропонувати свій приклад у пісочниці

Найпростіший приклад використання HTML події onkeypress

See the Pen keyPress_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Приклад використання HTML події onkeydown,onkeypress,onkeyup

See the Pen keyDown2_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Приклад використання HTML події onkeydown,onkeypress,onkeyup

See the Pen keyPress3_css_in_ua by css.in.ua (@css_in_ua) on CodePen.

автор: с3с

Різниця між HTML 4.01 та HTML5


Різниця між XHTML та HTML



Коментарі

Коментарів ще немає — будьте першим!

Відповідь для

Увійдіть — коментар з'явиться одразу, без капчі й очікування перевірки.

Пропозиція правки

Ваша версія — : після перевірки замінить чинну. Нова порада чи нотатка — з'явиться на сторінці після перевірки.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія секції «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Ваша версія опису «»: після перевірки замінить чинну.

Ви гість — діють добові ліміти. Увійдіть, щоб пропонувати без капчі.

Зворотний зв'язок
Вхід