Maison > interface Web > Tutoriel Layui > Comment utiliser les événements de bouton dans layui

Comment utiliser les événements de bouton dans layui

爱喝马黛茶的安东尼
Libérer: 2019-07-11 16:17:08
original
20858 Les gens l'ont consulté

Comment utiliser les événements de bouton dans layui

Nous créons d’abord un bouton layui.

Comment utiliser les événements de bouton dans layui

Pour utiliser l'événement bouton, on peut directement ajouter un attribut onclick et ajouter la fonction appelée, clickme.

Comment utiliser les événements de bouton dans layui

Définissez simplement la fonction clickme. Le code est indiqué sur la figure.

Comment utiliser les événements de bouton dans layui

Exécutez la page et vous verrez un bouton, cliquez sur ce bouton.

Comment utiliser les événements de bouton dans layui

Recommandations associées : "Tutoriel du framework layui"

Après avoir cliqué, vous pouvez déclencher l'événement click et exécuter notre fonction Le code pour la fenêtre pop-up.

Comment utiliser les événements de bouton dans layui

En plus d'ajouter directement des événements onclick, nous pouvons également utiliser jquery pour enregistrer des événements pour les boutons.

Supprimez d'abord onclick, puis ajoutez un identifiant au bouton.

(Vous devez d'abord importer le fichier jquery.

Comment utiliser les événements de bouton dans layuiComment utiliser les événements de bouton dans layui

Utilisez jquery pour enregistrer des événements et écrire des fonctions d'événement.

Comment utiliser les événements de bouton dans layui

Exécutez à nouveau la page et cliquez sur le bouton. Vous pouvez voir que l'événement de clic peut également être déclenché.

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!

Étiquettes associées:
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal