Maison > interface Web > js tutoriel > Comment accéder aux fonctions du module ES6 importées en tant que gestionnaires onclick ?

Comment accéder aux fonctions du module ES6 importées en tant que gestionnaires onclick ?

Barbara Streisand
Libérer: 2024-12-02 11:03:10
original
901 Les gens l'ont consulté

How to Access Imported ES6 Module Functions as onclick Handlers?

Accès aux fonctions importées avec Onclick dans les modules ES6

Les modules ES6 permettent d'encapsuler le code, évitant ainsi les conflits de noms. Cependant, l'accès aux fonctions importées en tant que gestionnaires onclick peut poser un défi en raison de la nature de la portée du module.

Pour résoudre ce problème, vous disposez de plusieurs options :

addEventListener :

L'utilisation de la méthode addEventListener vous permet de lier la fonction importée au clic événement.

<button type="button">
Copier après la connexion

Exposer les fonctions à l'objet fenêtre :

Exposer la fonction importée à l'objet fenêtre, la rendant globalement accessible. Cependant, cette approche n'est pas recommandée en raison de conflits potentiels.

import {hello} from './test.js';

window.hello = hello;
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal