Событие onkeyup

События DOM KeyboardEvent

Определение и использование

Событие onkeyup возникает при отпуске клавиши (на клавиатуре).

Совет:Порядок событий, связанных с событием onkeyup:

  1. onkeydown
  2. onkeypress
  3. onkeyup

Пример

Пример 1

Выполнение JavaScript при отпуске клавиши пользователем:

<input type="text" onkeyup="myFunction()">

Попробуйте сами

Пример 2

Использование событий "onkeydown" и "onkeyup" вместе:

<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">

Попробуйте сами

Пример 3

Вывод фактической клавиши, отпущенной в текстовом поле:

Введите ваше имя: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
  var x = document.getElementById("fname").value;
  document.getElementById("demo").innerHTML = x;
}
</script>

Попробуйте сами

Грамматика

В HTML:

<элемент onkeyup="myScript">

Попробуйте сами

В JavaScript:

объект.onkeyup = function(){myScript};

Попробуйте сами

В JavaScript, используя метод addEventListener():

объект.addEventListener("keyup", myScript);

Попробуйте сами

Примечание:Internet Explorer 8 и более ранние версии не поддерживают Метод addEventListener().

Технические детали

Бубнение: Поддержка
Можете отменить: Поддержка
Типы событий: KeyboardEvent
Поддерживаемые элементы HTML: Все элементы HTML, кроме: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title>
Версия DOM: Уровень 2 событий

Поддержка браузеров

События Chrome IE Firefox Safari Opera
onkeyup Поддержка Поддержка Поддержка Поддержка Поддержка
События DOM KeyboardEvent