пример
Выполнение JavaScript, когда пользователь отпускает ключ:
<input type="text" onkeyup="myFunction()"> Попробуй сам " Больше "Try it Yourself" примеры ниже.
Определение и использование
OnKeyUp событие происходит, когда пользователь отпускает клавишу (на клавиатуре).
Tip: Порядок событий , связанных с OnKeyUp события:
- OnKeyDown
- OnKeyPress
- OnKeyUp
Поддержка браузеров
| Мероприятие | |||||
|---|---|---|---|---|---|
| onkeyup | да | да | да | да | да |
Синтаксис
В HTML:
В JavaScript:
object .onkeyup=function(){ Попробуй сам " В JavaScript, используя addEventListener() метод:
object .addEventListener("keyup", myScript );
Попробуй сам " Примечание: addEventListener() метод не поддерживается в Internet Explorer 8 и более ранних версий.
Технические подробности
| Пузыри: | да |
|---|---|
| аннулированию: | да |
| Тип события: | KeyboardEvent |
| Поддерживаемые HTML-теги: | Все HTML - элементы, КРОМЕ: <основание>, <БДО> <br>, <HEAD>, <HTML>, <IFRAME>, <META>, <PARAM>, <скрипт>, <стиль> и <title> |
| DOM Версия: | Уровень 2 События |
Еще примеры
пример
Использование "onkeydown" вместе с "onkeyup" событие:
<input type="text" onkeydown="keydownFunction()" onkeyup="keyupFunction()">
Попробуй сам " пример
Выход фактический ключ, который был выпущен в текстовом поле:
Enter your name: <input type="text" id="fname" onkeyup="myFunction()">
<script>
function myFunction() {
var x =
document.getElementById("fname").value;
document.getElementById("demo").innerHTML = x;
}
</script>
Попробуй сам " <Объект Event