metodi_js_dlja_roboti_z_dom

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
metodi_js_dlja_roboti_z_dom [2023/12/26 20:07]
tro 		metodi_js_dlja_roboti_z_dom [2023/12/28 19:32] (текущий)
tro [removeEventListener]
Строка 190: Строка 190:
   * **handler** — колбек-функція, яка буде викликана під час настання події   * **handler** — колбек-функція, яка буде викликана під час настання події
   * **options** — необов'язковий об'єкт параметрів із розширеними налаштуваннями   * **options** — необов'язковий об'єкт параметрів із розширеними налаштуваннями
 +<code>
 +const myBtn = doucument.querySelector('.js-button-click');
  
 +myBtn.addEventListener('click',onButtonClick);
 +
 +function onButtonClick (){
 +console.log('Hello');
 +}
 +</code>
 +або
 <code> <code>
 const button = document.querySelector(".my-button"); const button = document.querySelector(".my-button");
Строка 211: Строка 220:
 видаляє слухача події з елемента. видаляє слухача події з елемента.
 <code> <code>
-element.removeEventListener(event, handler, options)+element.removeEventListener(event, handler, options); 
 +</code> 
 + 
 +<code> 
 +element.removeEventListener('onclick', myfunction);
 </code> </code>
 ====== Об'єкт події ====== ====== Об'єкт події ======
Строка 262: Строка 275:
   * при кліку на кнопку з атрибутом type="submit"   * при кліку на кнопку з атрибутом type="submit"
   * Або при натисканні клавіші Enter під час перебування в будь-якому її текстовому полі форми   * Або при натисканні клавіші Enter під час перебування в будь-якому її текстовому полі форми
 +
 +<code>
 +const form = document.querySelector("form");
 +
 +form.addEventListener("submit", handleSubmit);
 +
 +function handleSubmit(event) {
 +  event.preventDefault();
 +  console.log(event.elements.email.value);
 +.
 +.
 +.
 +  }
 +  
 +  
 +
 +</code>
 +або
 <code> <code>
 const form = document.querySelector("form"); const form = document.querySelector("form");
Строка 269: Строка 300:
 }); });
 </code> </code>
 +або
 <code> <code>
 const registerForm = document.querySelector(".form"); const registerForm = document.querySelector(".form");
Строка 295: Строка 327:
 </code> </code>
 ===== change ===== ===== change =====
-Подія відбувається після зміни значення елемента форми +Подія відбувається після зміни значення елемента форми і одночасної втрати фокусу
 ===== input ===== ===== input =====
 Подія input відбувається тільки на текстових полях і textarea. Подія input відбувається тільки на текстових полях і textarea.
  • /sites/data/attic/metodi_js_dlja_roboti_z_dom.1703621241.txt.gz
  • Последнее изменение: 2023/12/26 20:07
  • — tro