Factoriser des évènements ?

Version imprimable

Bonsoir,

dans mon javascript , j'ai deux évènements qui déclenchent presque la même chose:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 selection.addEventListener('change', () => { anim.textContent = 'Bonjour'; results.textContent = ""; tableBody.innerHTML = ""; wordRequest(paramètres pour la requête); }) form.addEventListener('submit', (ev) => { ev.preventDefault(); anim.textContent = 'Bonjour'; results.textContent = ""; tableBody.innerHTML = ""; wordRequest(paramètres pour la requête); })
à part le ev.preventDefault(); tout est identique

Il n'y aurait pas un moyen de faire plus court? à part une fonction qui regroupe une bonne partie !
Mais un seul évènement , j'imagine que non :mouarf:

Merci et bonne nuit ,

Laurent.

02/06/2021, 08h02
SpaceFrog

sauf que l'un est sur selection et l'autre sur form ...

Sinon tu peux connaitre l'event avec event.type
https://developer.mozilla.org/fr/doc...API/Event/type

tu peux essayé ceci

Code:

1
2
3
4
5
6
7
8
9
10
11
 
    const Elemts = [selection, form];
    const handleEvent = () =>{
        //todo
    }
    Elemts.forEach(element =>
        ((element, event_names, handler) => {
            event_names.forEach((event_name) => {
                element.addEventListener(event_name, handler, false)
            })
        })(element, ['click', 'submit'], handleEvent));

(sous réserve des faute eventuelles, pas testé)