Событие onkeyup
Пример
Выполнение JavaScript, когда пользователь отпускает клавишу:
<input type="text" onkeyup="myFunction()">
Другие примеры «Попробуйте сами» ниже.
Определение и использование
Событие onkeyup происходит, когда пользователь отпускает клавишу (на клавиатуре).
Совет: порядок событий, связанных с событием onkeyup:
- onkeydown
- нажатие клавиши
- onkeyup
Поддержка браузера
Event | |||||
---|---|---|---|---|---|
onkeyup | Yes | Yes | Yes | Yes | Yes |
Синтаксис
В HTML:
<element onkeyup="myScript">
В JavaScript:
object.onkeyup = function(){myScript};
В JavaScript с помощью метода addEventListener():
object.addEventListener("keyup", myScript);
Примечание. Метод addEventListener() не поддерживается в Internet Explorer 8 и более ранних версиях.
Технические детали
Пузыри: | да |
---|---|
Отменяемо: | да |
Тип события: | Событие Клавиатуры |
Поддерживаемые HTML-теги: | Все элементы HTML, КРОМЕ: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, <script>, <style> и <title> |
Версия ДОМ: | События уровня 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>