JS#5

Quelle est la syntaxe correcte pour écouter un clic sur un bouton btn ?

• btn.on('click', handleClick)

• btn.addEventListener('click', handleClick)

• btn.addEventListener(click, handleClick())

• addEventListener(btn, 'click', handleClick)

Pour passer correctement une fonction nommé handleClick à addEventListener, il faut remplacer ... par ?

addEventListener('click', ... );

• handleClick()

• 'handleClick'

• handleClick

• new handleClick()

Comment récupérer l’objet événement dans le handler ?

• Le navigateur l’injecte : function handler(e) { … }

• Il faut l’importer avec import { event } from 'dom'

• On l’obtient via window.event uniquement

• On ne peut pas y accéder

Comment empêcher l’envoi d’un formulaire et rester sur la page dans un handler de submit ?

• form.stop()

• e.stopPropagation()

• e.preventDefault()

• return false en dehors du handler

Laquelle de ces paires add/remove fonctionne pour retirer un écouteur ?

• btn.addEventListener('click', () => console.log('x')); btn.removeEventListener('click', () => console.log('x'));

• const h = () => console.log('x'); btn.addEventListener('click', h); btn.removeEventListener('click', h);

• btn.addEventListener('click', console.log('x')); btn.removeEventListener('click', console.log('x'));

• btn.addEventListener(click, h); btn.removeEventListener('click', h);