interface Web
js tutoriel
Exemples pour expliquer les compétences de traitement des événements d'enregistrement Javascript function_javascript
Exemples pour expliquer les compétences de traitement des événements d'enregistrement Javascript function_javascript
Les événements constituent le contenu principal de JavaScript et leur importance ne sera pas présentée ici. Une fois l'événement déclenché, une fonction de traitement d'événement est nécessaire pour le gérer. Par exemple, nous pouvons définir que lorsque l'on clique sur un bouton, l'arrière-plan d'un div sera défini sur vert. Voyons d'abord comment y parvenir. cet effet. L'exemple de code est le suivant :
<html>
<head>
<meta charset=" utf-8">
<title>javascript如何注册事件处理函数</title>
<style type="text/css">
#mydiv{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
function changebg(){
var mydiv=document.getElementById("mydiv");
mydiv.style.backgroundColor="green";
}
</script>
</head>
<body>
<div id="mydiv"></div>
<button id="bt">点击查看效果</button>
</body>
</html>
Dans le code ci-dessus, cliquer sur le bouton définira la couleur d'arrière-plan du div sur vert. En effet, le code enregistre une fonction de gestionnaire d'événements pour l'événement onclick du bouton. Cette fonction peut définir la couleur d'arrière-plan du div. au vert. Présentons brièvement comment enregistrer les fonctions de traitement d'événements pour les événements d'objet avec des exemples :
Méthode 1 :
Enregistrez la fonction de traitement d'événement directement dans le code HTML, c'est-à-dire définissez la fonction de traitement d'événement directement via l'attribut HTML. Le code à exécuter par la fonction de traitement d'événement est la valeur de l'attribut HTML. Cette méthode est utilisée au début du. article. Les avantages et inconvénients sont les suivants :
- 1. Facile à comprendre et à utiliser.
- 2. Tous les principaux navigateurs prennent en charge cette méthode.
- 3. Mélangé avec du code HTML, rendant la page très compliquée et incompatible avec le principe de séparation des performances et du contenu.
- 4. Un seul gestionnaire d'événements du même type peut être enregistré sur le même objet.
Méthode 2 :
En mode gestionnaire d'événement, ce que l'on appelle le handle d'événement est la fonction de traitement d'événement, et l'événement spécifié de l'objet spécifié correspond à un gestionnaire d'événement. Pour enregistrer une fonction de traitement d'événement de cette manière, vous devez d'abord obtenir une référence à l'objet, puis attribuer le handle d'événement à l'attribut de fonction de traitement d'événement correspondant de l'objet. En fait, la première méthode est également une sorte de méthode de gestion d’événements.
L'exemple de code est le suivant :
<html>
<head>
<meta charset=" utf-8">
<title>javascript如何注册事件处理函数</title>
<style type="text/css">
#mydiv{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
var bt=document.getElementById("bt");
bt.onclick=function(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
<button id="bt">点击查看效果</button>
</body>
</html>
Dans le code ci-dessus, utilisez d'abord document.getElementById("bt") pour obtenir une référence à l'objet bouton, puis attribuez le handle d'événement (fonction de gestion d'événement) à l'attribut d'événement onclick de l'objet bouton, de sorte que onclick sera déclenché lorsque l'on clique sur le bouton, puis exécutera le code dans le gestionnaire d'événements. Les avantages et inconvénients sont les suivants :
- 1. Simple et facile à comprendre.
- Pris en charge par 2 navigateurs.
- 3. Un seul gestionnaire d'événements du même type peut être enregistré sur le même objet.
Méthode 3 :
Il s'agit d'une méthode d'enregistrement d'événement plus avancée, c'est-à-dire un écouteur d'événement. Cette méthode résout le problème selon lequel une seule fonction de gestionnaire pour un type d'événement spécifié peut être enregistrée dans un objet spécifié. Cependant, il existe certains problèmes de compatibilité, présentés ci-dessous :
1).Navigateur IE :
Dans le navigateur IE, vous pouvez utiliser les méthodes attachEvent() et detachEvent() pour enregistrer les fonctions de gestion d'événements pour l'objet spécifié et supprimer les fonctions de gestion d'événements enregistrées.
Le format de syntaxe est le suivant :
element.attachEvent("onevent",eventListener)
Cette fonction a deux paramètres, le premier paramètre est le nom du type d'événement et le deuxième paramètre est la fonction de gestionnaire d'événements à enregistrer.
L'exemple de code est le suivant :
<html>
<head>
<meta charset=" utf-8">
<title>javascript如何注册事件处理函数</title>
<style type="text/css">
#mydiv{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
var bt=document.getElementById("bt");
bt.attachEvent("onclick",changebg);
function changebg(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
<button id="bt">点击查看效果</button>
</body>
</html>
Le code ci-dessus utilise la fonction attachEvent() pour enregistrer le gestionnaire d'événements onclick pour le bouton, mais il n'est valide que dans le navigateur IE. Utilisez la fonction detachEvent() pour détacher la fonction de traitement d'événement initialement enregistrée. Le format de syntaxe est le suivant :
.
element.detachEvent("onevent",eventListener)
Le format est le même que celui de la fonction attachEvent().
Note particulière : Le premier paramètre doit contenir on. Par exemple, l'événement click doit être écrit sous la forme "onclick".
2). Navigateur standard :
Dans les navigateurs standards (y compris les navigateurs IE9 et IE9 et supérieurs), utilisez les fonctions addEventListener() et removeEventListener() pour enregistrer et supprimer les fonctions de traitement d'enregistrement.
Le format de syntaxe est le suivant :
element.addEventListener('event', eventListener, useCapture);
Cette fonction a trois paramètres. Le premier paramètre est le nom du type d'événement. Le deuxième paramètre est la fonction de traitement d'événement à enregistrer. La troisième fonction précise si cette fonction de traitement est appelée pendant la phase de capture du processus de livraison d'événement. L'étape est appelée. Dans les conditions par défaut, la valeur de cette propriété est false, ce qui signifie que le gestionnaire d'événements est appelé pendant l'étape de bouillonnement.
Remarque particulière : le premier paramètre ne peut pas contenir on. Par exemple, l'événement click ne peut pas être écrit sous la forme "onclick", mais doit être écrit sous la forme "click".
L'exemple de code est le suivant :
<html>
<head>
<meta charset=" utf-8">
<title>javascript如何注册事件处理函数</title>
<style type="text/css">
#mydiv{
width:100px;
height:100px;
background-color:red;
}
</style>
<script type="text/javascript">
window.onload=function(){
var mydiv=document.getElementById("mydiv");
var bt=document.getElementById("bt");
bt.addEventListener("click",changebg);
function changebg(){
mydiv.style.backgroundColor="green";
}
}
</script>
</head>
<body>
<div id="mydiv"></div>
<button id="bt">点击查看效果</button>
</body>
</html>
以上代码在IE9和IE9以上或者其他标准浏览器中，点击按钮可以将div的背景颜色设置为绿色。使用removeEventListener()函数可以解除原来注册的事件处理函数，语法格式如下:
element.removeEventListener('event', eventListener, useCapture);
格式和addEventListener()函数式一样的。
跨浏览器注册事件处理函数:
只要加个判断语句即可，代码如下:
var EventUtil={
//注册
addHandler: function(element, type, handler){
if (element.addEventListener){
element.addEventListener(type, handler, false);
} else if (element.attachEvent){
element.attachEvent("on" + type, handler);
} else {
element["on" + type] = handler;
}
},
//移除注册
removeHandler: function(element, type, handler){
if (element.removeEventListener){
element.removeEventListener(type, handler, false);
} else if (element.detachEvent){
element.detachEvent("on" + type, handler);
} else {
element["on" + type] = null;
}
}
};以上就是本文的详细内容，希望对大家的学习有所帮助。
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Sujets chauds
Comment enregistrer plusieurs comptes sur Xiaohongshu ? Serai-je découvert si j'enregistre plusieurs comptes ?
Mar 25, 2024 am 09:41 AM
En tant que plate-forme intégrant les réseaux sociaux et le commerce électronique, Xiaohongshu a attiré de plus en plus d'utilisateurs. Certains utilisateurs espèrent enregistrer plusieurs comptes pour une meilleure expérience d'interaction avec Xiaohongshu. Alors, comment enregistrer plusieurs comptes sur Xiaohongshu ? 1. Comment enregistrer plusieurs comptes sur Xiaohongshu ? 1. Utilisez différents numéros de téléphone mobile pour vous inscrire Actuellement, Xiaohongshu utilise principalement des numéros de téléphone mobile pour enregistrer des comptes. Les utilisateurs essaient parfois d'acheter plusieurs cartes de numéro de téléphone mobile et de les utiliser pour enregistrer plusieurs comptes Xiaohongshu. Cependant, cette approche présente certaines limites, car l’achat de plusieurs cartes de numéro de téléphone mobile est fastidieux et coûteux. 2. Utilisez l'e-mail pour vous inscrire En plus de votre numéro de téléphone mobile, votre e-mail peut également être utilisée pour enregistrer un compte Xiaohongshu. Les utilisateurs peuvent préparer plusieurs adresses e-mail, puis utiliser ces adresses e-mail pour enregistrer des comptes. mais
Comment créer un compte Manwa Comics
Feb 28, 2024 am 08:00 AM
Sur la plateforme Manwa Comics, de riches ressources de bandes dessinées attendent que tout le monde puisse les explorer. Tant que vous accédez facilement à la plateforme officielle de Manwa Comics, vous pouvez profiter de toutes sortes de merveilleuses œuvres de bandes dessinées. Chacun peut facilement trouver ses bandes dessinées préférées à lire selon ses propres préférences. Alors, comment enregistrer le compte officiel de Manwa Comics ? L'éditeur de ce site vous proposera ce guide tutoriel détaillé, dans l'espoir d'aider tous ceux qui en ont besoin. Manwa Comics-Entrée officielle : https://fuw11.cc/mw666 Adresse de téléchargement de l'application Manwa Comics : https://www.siemens-home.cn/soft/74440.html Entrée de la zone hors continent de Manwa Comics : https : /
Comment créer un compte Xiaohongshu ? Que faut-il pour créer un compte Xiaohongshu ?
Mar 22, 2024 am 10:16 AM
Xiaohongshu, plateforme sociale intégrant vie, divertissement, shopping et partage, est devenue un élément indispensable du quotidien de nombreux jeunes. Alors, comment créer un compte Xiaohongshu ? 1. Comment créer un compte Xiaohongshu ? 1. Ouvrez le site officiel de Xiaohongshu ou téléchargez l'application Xiaohongshu. Cliquez sur le bouton « S'inscrire » ci-dessous et vous pourrez choisir différentes méthodes d'inscription. Actuellement, Xiaohongshu prend en charge l'enregistrement avec des numéros de téléphone mobile, des adresses e-mail et des comptes tiers (tels que WeChat, QQ, Weibo, etc.). 3. Remplissez les informations pertinentes. Selon la méthode d'inscription sélectionnée, renseignez le numéro de téléphone mobile, l'adresse e-mail ou les informations de compte tiers correspondants. 4. Définissez un mot de passe. Définissez un mot de passe fort pour sécuriser votre compte. 5. Terminez la vérification. Suivez les invites pour terminer la vérification du téléphone mobile ou la vérification de l'e-mail. 6. Perfectionner l’individu
Comment vérifier ce qui est enregistré avec un numéro de téléphone mobile « Explication détaillée : méthode de requête APP pour l'enregistrement du numéro de téléphone mobile »
Feb 07, 2024 am 08:24 AM
Je ne sais pas si vous vivez une telle expérience. Votre téléphone mobile reçoit souvent des messages texte inexplicables, des informations d'inscription sur certains sites Web ou d'autres informations de vérification. En fait, notre numéro de téléphone mobile peut être lié à de nombreux sites Web inconnus, et nous. Même si vous ne le savez pas, ce que je vais partager avec vous aujourd'hui est de vous apprendre à dissocier tous les sites Web inconnus en un seul clic. Étape 1 : Ouvrez la plateforme de service de numéros Cette technique est très pratique. Les étapes sont les suivantes : ouvrez WeChat, cliquez sur l'icône plus dans la zone de recherche, sélectionnez Ajouter un ami, puis entrez la plate-forme de service de numéro de code pour effectuer la recherche. Nous pouvons voir qu'il existe une plate-forme de service de numéros. Bien sûr, elle appartient à une institution publique et a été lancée par l'Institut national des technologies de l'information et des communications. Elle peut aider tout le monde à dissocier les informations sur les numéros de téléphone portable en un seul clic. Étape 2 : Vérifiez si le téléphone a été marqué pour moi
Comment enregistrer 163 email
Feb 14, 2024 am 09:20 AM
Certains utilisateurs constatent qu'ils n'ont pas de compte lorsqu'ils souhaitent utiliser la boîte aux lettres 163. Alors, que doivent-ils faire s'ils doivent créer un compte à ce moment-là ? Jetons maintenant un œil à la méthode d'inscription à 163 e-mails proposée par l'éditeur. 1. Tout d'abord, recherchez le site officiel de 163 Email dans le navigateur et cliquez sur [Enregistrer un nouveau compte] sur la page. 2. Sélectionnez ensuite [E-mail gratuit] ou [E-mail VIP] 3. Enfin, après avoir sélectionné, remplissez les informations ; et cliquez sur [Maintenant, inscrivez-vous] ;
Comment créer un compte Xiaohongshu ? Comment récupérer si son compte est anormal ?
Mar 21, 2024 pm 04:57 PM
En tant que l'une des plateformes de partage de style de vie les plus populaires au monde, Xiaohongshu a attiré un grand nombre d'utilisateurs. Alors, comment créer un compte Xiaohongshu ? Cet article vous présentera en détail le processus d'enregistrement du compte Xiaohongshu et répondra à la question de savoir comment récupérer les anomalies du compte Xiaohongshu. 1. Comment créer un compte Xiaohongshu ? 1. Téléchargez l'application Xiaohongshu : recherchez et téléchargez l'application Xiaohongshu dans la boutique d'applications mobiles, et ouvrez-la une fois l'installation terminée. 2. Enregistrez un compte : après avoir ouvert l'application Xiaohongshu, cliquez sur le bouton « Moi » dans le coin inférieur droit de la page d'accueil, puis sélectionnez « S'inscrire ». 3. Remplissez les informations d'enregistrement : Remplissez le numéro de téléphone mobile, définissez le mot de passe, le code de vérification et d'autres informations d'enregistrement selon les invites. 4. Complétez les informations personnelles : après une inscription réussie, suivez les instructions pour compléter les informations personnelles, telles que le nom, le sexe, la date de naissance, etc. 5. Paramètres
Comment créer un compte qooapp
Mar 19, 2024 pm 08:58 PM
qooapp est un logiciel qui peut télécharger de nombreux jeux, alors comment créer un compte ? Les utilisateurs doivent cliquer sur le bouton « S'inscrire » s'ils n'ont pas encore de pass, puis choisir une méthode d'inscription. Cette introduction à la méthode d'enregistrement de compte est suffisante pour vous expliquer comment la faire fonctionner. Ce qui suit est une introduction détaillée, alors jetez-y un œil. Comment créer un compte qooapp ? Réponse : Cliquez pour vous inscrire, puis choisissez une méthode d'inscription. Méthodes spécifiques : 1. Après avoir accédé à l'interface de connexion, cliquez ci-dessous. Vous n'avez pas encore de pass ? 2. Choisissez ensuite la méthode de connexion dont vous avez besoin. 3. Vous pouvez l’utiliser directement après. Inscription sur le site officiel : 1. Ouvrez le site Web https://apps.ppaooq.com/ et cliquez sur le coin supérieur droit pour vous inscrire. 2. Sélectionnez l'inscription
Comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? Comment la Station B déconnecte-t-elle son téléphone portable ?
Mar 21, 2024 pm 10:10 PM
Bilibili (Bilibili), en tant que site de partage de vidéos très populaire auprès de la jeunesse chinoise, a attiré un grand nombre d'utilisateurs. Certains utilisateurs espèrent disposer de deux comptes Bilibili afin de pouvoir les gérer et les utiliser séparément. Alors, comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? Cet article se concentrera sur ce problème et sur la manière de dissocier le téléphone mobile. 1. Comment enregistrer deux numéros de site B avec un seul numéro de téléphone mobile ? 1. Enregistrez un nouveau compte : Tout d'abord, ouvrez l'application Bilibili sur votre téléphone mobile ou connectez-vous au site officiel, cliquez sur le bouton « S'inscrire » et sélectionnez la méthode d'enregistrement. Vous pouvez utiliser votre numéro de téléphone mobile, votre e-mail ou un tiers. compte de parti (tel que WeChat, QQ, etc.) pour vous inscrire. 2. Lors de la création d'un compte, veuillez remplir les informations nécessaires selon les invites du système, y compris le numéro de téléphone portable, le code de vérification et le mot de passe défini. Assurez-vous d'utiliser des comptes différents
