Предотвращение действия событий по умолчанию

Чтобы предотвратить действие события по умолчанию, вы вызываете метод preventDefault() объекта события:

event.preventDefault();
Code language: CSS (css)

Событие будет продолжать распространяться как обычно, пока обработчик события явно не вызовет метод stopPropagation().

Предположим, что у вас есть следующий флажок:

<input type="checkbox" name="ckAgree" id="ckAgree"> Agree
Code language: HTML, XML (xml)

Когда вы нажмете на него, его состояние станет отмеченным. Однако вы можете использовать preventDefault(), чтобы не менять его состояние на проверенное:

const ck = document.querySelector('#ckAgree'); ck.addEventListener('click', function (e) { alert('Sorry! you cannot check this checkbox because of the preventDefault.'); e.preventDefault(); });
Code language: JavaScript (javascript)

Оцените статью
devanswers.ru
Добавить комментарий