metodi_js_dlja_roboti_z_dom

Различия

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

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

Предыдущая версия справа и слева Предыдущая версия
Следующая версия 		Предыдущая версия
metodi_js_dlja_roboti_z_dom [2023/12/28 17:53]
tro [addEventListener] 		metodi_js_dlja_roboti_z_dom [2023/12/28 19:32] (текущий)
tro [removeEventListener]
Строка 192: Строка 192:
 <code> <code>
 const myBtn = doucument.querySelector('.js-button-click'); const myBtn = doucument.querySelector('.js-button-click');
 +
 myBtn.addEventListener('click',onButtonClick); myBtn.addEventListener('click',onButtonClick);
 +
 function onButtonClick (){ function onButtonClick (){
 console.log('Hello'); console.log('Hello');
Строка 218: Строка 220:
 видаляє слухача події з елемента. видаляє слухача події з елемента.
 <code> <code>
-element.removeEventListener(event, handler, options)+element.removeEventListener(event, handler, options); 
 +</code> 
 + 
 +<code> 
 +element.removeEventListener('onclick', myfunction);
 </code> </code>
 ====== Об'єкт події ====== ====== Об'єкт події ======
Строка 269: Строка 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");
Строка 276: Строка 300:
 }); });
 </code> </code>
 +або
 <code> <code>
 const registerForm = document.querySelector(".form"); const registerForm = document.querySelector(".form");
Строка 302: Строка 327:
 </code> </code>
 ===== change ===== ===== change =====
-Подія відбувається після зміни значення елемента форми +Подія відбувається після зміни значення елемента форми і одночасної втрати фокусу
 ===== input ===== ===== input =====
 Подія input відбувається тільки на текстових полях і textarea. Подія input відбувається тільки на текстових полях і textarea.
  • /sites/data/attic/metodi_js_dlja_roboti_z_dom.1703786023.txt.gz
  • Последнее изменение: 2023/12/28 17:53
  • — tro