Подія onkeyup виникає в момент відпускання натиснутої клавіші.
Синтаксис
onkeyup="<скрипт>"
Значення
" Див. скрипт.
Приклад
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Подія onkeyup</title> <style> #msg {color: red; /* Колір тексту */
display: none; /* Ховаємо повідомлення */
}
</style> <script> function validForm(f) { //Якщо введено число, приховуємо попередження if (isDigit(f.value)) document.getElementById("msg").style.display="none"; //Інакше відображаємо попередження else document.getElementById("msg").style.display="inline"; }
//Функція перевірки, число введено чи ні function isDigit(data) { var numStr="0123456789"; var k=0; for (i=0;i<data.length;i++) { thisChar=data.substring(i, i+1); if (numStr.indexOf(thisChar) !=-1) k++; }
if (k==data.length) return 1; else return 0; }
</script>
</head>
<body> <form action=""> <p>Введіть будь-яке число.</p> <p><input type="text" name="num" onkeyup="validForm(this)"> <span id="msg">Ви помилилися. Введіть число.</span></p>
</form>
</body>
</html>У цьому прикладі в міру набору символів у текстовому полі відбувається перевірка на введення цифр. Якщо введено літеру, пробіл або інший символ, відмінний від цифри, відображається попередження про помилку (мал. 1).
Мал. 1. Використання події onkeyup для перевірки даних форми
Браузери
| 4 | 12 | 1 | 3.5 | 1 | 1 |
| 1 | 1 | 6 | 1 |
Браузери
У таблиці браузерів застосовуються такі позначення.
- — елемент повністю підтримується браузером;
- — елемент браузером не сприймається ється та ігнорується;
- — при роботі можлива поява різних помилок або елемент підтримується з застереженнями.
Число вказує версію браузреа, починаючи з якої елемент підтримується.
">Автор та редактори
Останнє змінення: 19.03.2018
Редактори: Влад Мержевич