Maison interface Web js tutoriel Tutoriel JavaScript piloté par les événements

Tutoriel JavaScript piloté par les événements

Dec 22, 2016 pm 03:46 PM

Les événements JavaScript pilotés par les événements sont déclenchés par des actions de souris ou de raccourci clavier. Il comporte principalement les événements suivants :

1. Événement Click onClick

Lorsque l'utilisateur clique sur le bouton de la souris, l'événement onClick est généré. Dans le même temps, le gestionnaire d'événements ou le code spécifié par onClick sera appelé et exécuté. Généralement généré dans les objets de base suivants : bouton (objet bouton), case à cocher (case à cocher) ou (case à cocher), radio (bouton radio), boutons de réinitialisation (boutons importants) et boutons de soumission (bouton de soumission).

Exemple : Le fichier change() peut être activé via le bouton suivant :

Après le signe égal onClick, vous pouvez utiliser votre propre fonction en tant que gestionnaire d'événements, ou vous pouvez utiliser la fonction interne dans JavaScript. Vous pouvez également utiliser directement du code JavaScript. Exemple :


2. 🎜>Cet événement est émis lorsque la valeur du caractère d'entrée utilisant l'élément text ou texturea change. En même temps, cet événement est également émis lorsque l'état d'une option dans l'élément de table de sélection change.

Exemple :


3. Sélectionnez l'événement onSelect

lorsque le texte dans le champ Texte ou Objet Textarea Après avoir été mis en surbrillance, cet événement est déclenché.


4. Obtenir l'événement focus onFocus

Cet événement est généré lorsque l'utilisateur clique sur le texte ou la zone de texte et sélectionne un objet. À ce stade, l'objet devient l'objet de premier plan.


5. Perte de focus sur le flou

Lorsque l'objet texte ou l'objet textarea et l'objet sélectionné n'ont plus le focus et se retirent en arrière-plan, ce fichier est déclenché. . Il a une relation correspondante avec l'événement onFocas.


6. Charger le fichier onLoad

Cet événement est généré lorsque le document est chargé. Une fonction de onLoad est de détecter la valeur du cookie lors du premier chargement d'un document et de lui attribuer une valeur avec une variable afin qu'elle puisse être utilisée par le code source.


7. Décharger les fichiers onUnload

L'événement onUnload est déclenché à la fermeture de la page Web et l'état du cookie peut être mis à jour.

Ce qui précède est le contenu événementiel du didacticiel JavaScript. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
2 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Repo: Comment relancer ses coéquipiers
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Adventure: Comment obtenir des graines géantes
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
Combien de temps faut-il pour battre Split Fiction?
3 Il y a quelques semaines By DDD

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Quel est le mécanisme événementiel des fonctions C++ en programmation concurrente ? Quel est le mécanisme événementiel des fonctions C++ en programmation concurrente ? Apr 26, 2024 pm 02:15 PM

Le mécanisme événementiel de la programmation simultanée répond aux événements externes en exécutant des fonctions de rappel lorsque des événements se produisent. En C++, le mécanisme événementiel peut être implémenté avec des pointeurs de fonction : les pointeurs de fonction peuvent enregistrer des fonctions de rappel à exécuter lorsque des événements se produisent. Les expressions Lambda peuvent également implémenter des rappels d'événements, permettant la création d'objets fonction anonymes. Le cas réel utilise des pointeurs de fonction pour implémenter des événements de clic sur un bouton de l'interface graphique, appelant la fonction de rappel et imprimant des messages lorsque l'événement se produit.

Comment la programmation événementielle en C++ optimise-t-elle la gestion de la mémoire ? Comment la programmation événementielle en C++ optimise-t-elle la gestion de la mémoire ? Jun 01, 2024 pm 12:57 PM

Dans la programmation événementielle C++, une gestion efficace de la mémoire est cruciale, impliquant les techniques d'optimisation suivantes : utiliser des pointeurs intelligents (tels que std::unique_ptr, std::shared_ptr) pour libérer automatiquement la mémoire des objets afin d'éviter les fuites de mémoire. Créez des pools d'objets, pré-attribuez des objets de types spécifiques et réutilisez-les, et optimisez la surcharge d'allocation et de désallocation de mémoire.

Optimisation des performances de l'API Golang basée sur les événements Optimisation des performances de l'API Golang basée sur les événements May 07, 2024 pm 04:21 PM

L'optimisation des performances GoAPI basée sur les événements améliore les performances des manières suivantes : E/S asynchrones non bloquantes : utilisez des coroutines et des boucles d'événements pour le traitement asynchrone afin d'éviter de bloquer les opérations d'E/S. Coroutines et boucles d'événements : les coroutines sont exécutées sur plusieurs threads de travail, et chaque thread de travail possède sa propre boucle d'événements pour réaliser un traitement simultané. Cas pratique : Traitement asynchrone d'ensembles de données volumineux, tels que la compression et la conversion d'images, pour améliorer le temps de réponse et le débit.

Framework événementiel hautes performances et ses applications en PHP Framework événementiel hautes performances et ses applications en PHP Jun 23, 2023 am 11:32 AM

Avec le développement rapide des applications Web, la capacité à gérer un trafic élevé et des demandes simultanées élevées est devenue de plus en plus critique. Pour garantir que les applications PHP sont performantes et évolutives, les développeurs doivent utiliser un framework événementiel hautes performances. Dans cet article, nous présenterons le framework événementiel hautes performances en PHP, y compris son principe de fonctionnement, ses caractéristiques et ses scénarios d'application. 1. Qu'est-ce qu'un framework événementiel hautes performances ? Le framework événementiel hautes performances fait référence à un framework basé sur un modèle de programmation événementiel capable de gérer un volume d'accès élevé et des requêtes simultanées élevées. ça passe

Implémenter des systèmes pilotés par événements à l'aide de fonctions Java et d'une architecture sans serveur Implémenter des systèmes pilotés par événements à l'aide de fonctions Java et d'une architecture sans serveur Apr 27, 2024 pm 04:42 PM

Créez des systèmes pilotés par les événements avec des fonctions Java et une architecture sans serveur : utilisez les fonctions Java : hautement évolutives, faciles à déployer et peu coûteuses à gérer. Architecture sans serveur : le modèle de paiement à l'utilisation élimine les coûts d'infrastructure et la charge de gestion. Cas pratique : Créez un système d'alerte événementiel, répondez aux événements de sujets SNS via des fonctions Java et envoyez des alertes par e-mail.

Comment gérer la messagerie et la programmation événementielle dans le développement C# Comment gérer la messagerie et la programmation événementielle dans le développement C# Oct 10, 2023 pm 03:03 PM

Comment gérer la messagerie et la programmation événementielle dans le développement C# La messagerie et la programmation événementielle jouent un rôle important dans le développement C#. En utilisant des méthodes et techniques appropriées, nous pouvons obtenir un code modulaire, évolutif et maintenable. Cet article présentera les méthodes et techniques courantes de gestion de la transmission de messages et de la programmation basée sur les événements en C#, et donnera des exemples de code spécifiques. 1. Passage de messages La transmission de messages fait référence à la communication entre des objets via des messages. C# offre diverses façons d’implémenter la transmission de messages, les plus courantes étant les délégués et les événements.

Programmation asynchrone Python : de l'entrée à la maîtrise, devenez un maître en programmation asynchrone Programmation asynchrone Python : de l'entrée à la maîtrise, devenez un maître en programmation asynchrone Feb 26, 2024 am 10:50 AM

1. Qu'est-ce que la programmation asynchrone en Python ? La programmation asynchrone Python est une technologie de programmation qui atteint la concurrence et des performances élevées grâce à des coroutines et à des événements. Une coroutine est une fonction qui permet à une fonction de poursuivre son exécution après avoir été mise en pause. Lorsqu'une coroutine est suspendue, son état et ses variables locales sont enregistrés afin que l'exécution puisse reprendre lorsqu'elle est à nouveau appelée. L'événementiel est un style de programmation qui répond aux événements. Dans un programme piloté par événements, lorsqu'un événement se produit, le programme exécute le gestionnaire d'événements correspondant. 2. Les coroutines et les coroutines événementielles sont les deux technologies de base de la programmation asynchrone. Les coroutines permettent à une fonction de poursuivre son exécution après avoir été suspendue, tandis que les événements permettent à un programme de répondre aux événements. Ces deux technologies peuvent être bien combinées pour obtenir des performances élevées

Développement Laravel : Comment implémenter des applications événementielles à l'aide de Laravel Event Sourcing ? Développement Laravel : Comment implémenter des applications événementielles à l'aide de Laravel Event Sourcing ? Jun 14, 2023 pm 02:31 PM

Développement Laravel : Comment implémenter des applications événementielles à l'aide de LaravelEventSourcing ? Avec le développement de la technologie du cloud computing et l'expansion continue des scénarios d'application, les applications événementielles sont devenues une approche architecturale de plus en plus importante, en particulier dans les systèmes distribués à grande échelle. LaravelEventSourcing est un framework pour implémenter des applications basées sur des événements. Cet article explique comment utiliser LaravelEventSourcing.

See all articles