html атрибут onkeyup

Події keyup відбуваються при відпуску клавіші і дозволяють отримати її скан-код у властивості keyCode.

Скан-код клавіші однаковий в будь-якій розкладці і в будь-якому регістрі. Наприклад, клавіша "z" може означати символ "z", "Z"або "я", "Я" але її скан-код буде завжди однаковий: 90.

Порада:

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

  1. onkeydown
  2. onkeypress
  3. onkeyup

Синтакс

<element onkeyup="script">

Атрибут onkeyup не має жодного значення :

Переглядачі

Переглядач

1.0+

1.0+

1.0+

3.5+

4.0+

12+

Переглядач

2+

75+

65+

4+

Приклади


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

<p class="codepen" data-height="500" data-theme-id="0" data-default-tab="js,result" data-user="css_in_ua" data-slug-hash="xozrVQ" style="height: 500px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="keyPress3_css_in_ua">
  <span>See the Pen <a href="https://codepen.io/css_in_ua/pen/xozrVQ/">
  keyPress3_css_in_ua</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

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

<p class="codepen" data-height="265" data-theme-id="0" data-default-tab="js,result" data-user="css_in_ua" data-slug-hash="ewrRaa" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid; margin: 1em 0; padding: 1em;" data-pen-title="keyDown2_css_in_ua">
  <span>See the Pen <a href="https://codepen.io/css_in_ua/pen/ewrRaa/">
  keyDown2_css_in_ua</a> by css.in.ua (<a href="https://codepen.io/css_in_ua">@css_in_ua</a>)
  on <a href="https://codepen.io">CodePen</a>.</span>
</p>
<script async src="https://static.codepen.io/assets/embed/ei.js"></script>

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


Немає жодної різниці.

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


Немає жодної різниці.

Всі Коментарі (0)

Зареєструйся на сайті, аби мати змогу залишати коментарі. Зареєструватися  чи
Немає Коментарів