Page 136 - 6108

Повертає true, якщо елемент не підлягає перевірці або якщо він задовольняє
умови перевірки.
click() – симулює клік на елементі.
focus() – програмно встановлює фокус на елемент.
select() – виділення всього тексту в елементі.
setCustomValidity(string) – встановлює повідомлення для
результату перевірки елементу.
stepDown(n) – декремент value елемента range на (step * n);
stepUp(n) – інкремент value елемента range на (step * n);

Даний елемент підтримує ряд подій, зокрема:
focus – відбувається при отриманні фокусу елементом;
blur – відбувається при втраті фокусу елементом;
change – відбувається при закінченні зміни значення елемента, після
втрати фокуса;
input – спрацьовує тут же при зміні значення текстового елементу;
select – відбувається при виділенні тексту в текстовому полі;
keydown – відбувається при натисканні клавіші клавіатури;
keypress – відбувається при натисканні клавіші клавіатури для

друкованих символів;
keyup – відбувається при відпуску раніше натиснутої клавіші клавіатури.
При опрацюванні вводу в елемент форми, подія oninput – найбільш
зручна. Саме її, а не keydown/keypress слід використовувати.
<form name="search">
<input type="text" name="key" placeholder="Введіть
ключ"></input>
</form>
<div id="output"></div>

let keyBox = document.search.key;
function oninput(event){
let outputBox = document.getElementById("output");
outputBox.textContent = event.target.value;
}
function onblur(event){
let text = keyBox.value.trim();
if(text === "") { keyBox.style.borderColor = "red"; }
else { keyBox.style.borderColor = "green"; }
}
function onfocus(event){
keyBox.style.borderColor = "blue";
}
keyBox.addEventListener("input", oninput);
keyBox.addEventListener("blur", onblur);
keyBox.addEventListener("focus", onfocus);

Тут до текстового поля прикріплюється три обробника для подій blur,
focus і input. Якщо б використати подію change то результат у блоці div
зявлявся лише після втрати елементом input фокусу. Обробка події втрати
фокусу blur дозволяє провести валідацію введеного значення. Наприклад, в