interface Web
js tutoriel
Explication détaillée des exemples d'utilisation de l'écouteur d'événement de liaison jQuery et de la suppression de l'écouteur d'événement unbind_jquery
Explication détaillée des exemples d'utilisation de l'écouteur d'événement de liaison jQuery et de la suppression de l'écouteur d'événement unbind_jquery
Les exemples de cet article décrivent l'utilisation de la liaison de l'écouteur d'événement de liaison jQuery et la suppression de la dissociation de l'écouteur d'événement. Partagez-le avec tout le monde pour votre référence, les détails sont les suivants :
Ici, utilisez respectivement bind(eventType,[data],Listener)//data comme paramètre facultatif, l'événement lié par la méthode one() est automatiquement supprimé après avoir été déclenché une fois, unbind(eventType,Listener),
Exemple :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>unbind(eventType,listener)</title>
<style type="text/css">
<!--
img{
border:1px solid #000000;
}
input{
border:1px solid #570000;
}
-->
</style>
<script language="javascript" src="jquery.min.js"></script>
<script language="javascript">
$(function(){
var fnMyFunc1; //函数变量
$("img")
.bind("click",fnMyFunc1 = function(){ //赋给函数变量
$("#show").append("<div>点击事件1</div>");
})
.bind("click",function(){
$("#show").append("<div>点击事件2</div>");
})
.bind("click",function(){
$("#show").append("<div>点击事件3</div>");
});
$("input[type=button]").click(function(){
$("img").unbind("click",fnMyFunc1); //移除事件监听myFunc1
});
});
</script>
</head>
<body>
<img src="11.jpg"> <input type="button" value="移除事件1">
<div id="show"></div>
</body>
</html>
Regardez à nouveau ce code de test :
<body> <input type="button" name="aaa" value="点击我"> <input type="checkbox" name="checkbox1"> </body>
Code JQuery :
$().ready(function(){
for (var i = 0; i < 3; i++) {
$("input[type='button']").click(function(){
alert("aaaa");
});
}
}
alert("aaaa") sera exécuté trois fois. Dans les événements imbriqués, si vous ne souhaitez pas voir une telle situation, vous devez désactiver l'événement de niveau supérieur. À ce stade, vous pouvez introduire la liaison. et dissocier les fonctions pour résoudre le problème.
Présentation des fonctions :
for (var i = 0; i < 3; i++) {
$("input[type='button']").unbind("click");
$("input[type='button']").bind("click", function(){
alert("aaa");
});
}
alert("aaa"); exécuté une seule fois.
La méthode bind() ajoute un ou plusieurs gestionnaires d'événements à l'élément sélectionné et spécifie la fonction à exécuter lorsque l'événement se produit
La méthode unbind() supprime le gestionnaire d'événements de l'élément sélectionné. Possibilité de supprimer tous les gestionnaires d'événements ou certains, ou de mettre fin à l'exécution d'une fonction spécifiée lorsqu'un événement se produit.
event est le type d'événement, les types incluent : flou, flcus, chargement, redimensionnement, défilement, déchargement, clic, dblclikc, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change , select , submit, keydown, keypress, keyup, error, etc., bien sûr, il peut également s'agir d'un nom personnalisé.
data est un paramètre facultatif et la valeur de l'attribut event.data est transmise à l'objet de données supplémentaire de l'objet événement.
fonction est la fonction de traitement utilisée pour la liaison.
Grammaire :
$(sélecteur).bind(événement, données, fonction)
L'événement et la fonction doivent pointer vers les extraits de code suivants pour explication :
Exemple 1 : Supprimer tous les événements de p
Exemple 2 : Supprimer l'événement click de p
Exemple 2 : La fonction de test déclenchée après la suppression de l'événement click de l'élément p et la fonction de test déclenchée après l'ajout de l'événement click de l'élément p
$("p").unbind("click",test);
$("p").bind("click",test);
Remarque : Pour définir .bind(), vous devez spécifier quels événements et fonctions
Regardons maintenant une démo simple. Le div entier a un événement de clic pour réduire et développer. Si vous souhaitez cliquer sur le lien mais ne pas déclencher l'événement de clic du div, vous devez désactiver l'événement de clic du div lorsque le lien. est déclenché. Ici, l'événement link mouseenter est utilisé pour dissocier et supprimer l'événement div. Ce n'est pas encore la fin, tant que la souris entre dans la zone de lien, l'événement click du div sera également supprimé. Nous devons également ajouter la restauration de l'événement click div lorsque la souris sort de la. zone de liens. Le code est le suivant :
$(function(){ var Func = function(){
$(".com2").toggle(200); }
$(".test").click(Func)
$(".test a").mouseenter(function(){
$(".test").unbind(); //删除.test的所有事件
});
$(".test a").mouseleave(function(){
$(".test").bind("click",Func); //添加click事件
});
});
event est le type d'événement
…
function est la fonction de traitement utilisée pour la liaison.
Les lecteurs intéressés par plus de contenu lié aux événements jQuery peuvent consulter le sujet spécial de ce site : "Résumé de l'utilisation et des techniques courantes des événements jQuery"
J'espère que cet article sera utile à tous ceux qui programment jQuery.
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
Video Face Swap
Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !
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)
Comment supprimer des abonnés sur Xiaohongshu. Comment supprimer des abonnés sans les bloquer.
Mar 12, 2024 pm 04:40 PM
Tout le monde peut obtenir de nombreuses informations sur l'application Xiaohongshu. Il existe de nombreuses fonctions et services ici, qui peuvent tous être utilisés librement par les utilisateurs, en fonction de leurs propres besoins, ils peuvent choisir ici certaines fonctions et opérations correspondantes pour résoudre le problème. Certaines de vos questions sont particulièrement pratiques, je peux vraiment vous recommander un grand nombre de ces notes chaque jour. Elles sont riches en contenu et couvrent un large éventail, quelle que soit la section de contenu que vous souhaitez voir ici. Nous pouvons satisfaire tout le monde ici et résoudre certains de vos problèmes. Lorsque vous êtes libre, vous pouvez essayer de publier diverses notes par vous-même. Peut-être aurez-vous l'opportunité de gagner un grand nombre de fans, vous ne voulez donc pas en perdre. Si les fans y prêtent attention, ils peuvent choisir de supprimer ceci
Tutoriel BTCC : Comment lier et utiliser le portefeuille MetaMask sur l'échange BTCC ?
Apr 26, 2024 am 09:40 AM
MetaMask (également appelé Little Fox Wallet en chinois) est un logiciel de portefeuille de cryptage gratuit et bien accueilli. Actuellement, BTCC prend en charge la liaison au portefeuille MetaMask. Après la liaison, vous pouvez utiliser le portefeuille MetaMask pour vous connecter rapidement, stocker de la valeur, acheter des pièces, etc., et vous pouvez également obtenir un bonus d'essai de 20 USDT pour la première liaison. Dans le didacticiel du portefeuille BTCCMetaMask, nous présenterons en détail comment enregistrer et utiliser MetaMask, ainsi que comment lier et utiliser le portefeuille Little Fox dans BTCC. Qu'est-ce que le portefeuille MetaMask ? Avec plus de 30 millions d’utilisateurs, MetaMask Little Fox Wallet est aujourd’hui l’un des portefeuilles de crypto-monnaie les plus populaires. Son utilisation est gratuite et peut être installée sur le réseau en tant qu'extension
Comment lier un sous-compte sur Xiaohongshu ? Comment vérifie-t-il si le compte est normal ?
Mar 21, 2024 pm 10:11 PM
À l’ère actuelle d’explosion de l’information, la construction d’une marque personnelle et d’une image d’entreprise est devenue de plus en plus importante. En tant que principale plateforme de partage de vie dans le domaine de la mode en Chine, Xiaohongshu a attiré l'attention et la participation d'un grand nombre d'utilisateurs. Pour les utilisateurs qui souhaitent étendre leur influence et améliorer l’efficacité de la diffusion du contenu, les sous-comptes contraignants sont devenus un moyen efficace. Alors, comment Xiaohongshu lie-t-il un sous-compte ? Comment vérifier si le compte est normal ? Cet article répondra à ces questions pour vous en détail. 1. Comment lier un sous-compte sur Xiaohongshu ? 1. Connectez-vous à votre compte principal : Tout d'abord, vous devez vous connecter à votre compte principal Xiaohongshu. 2. Ouvrez le menu des paramètres : cliquez sur « Moi » dans le coin supérieur droit, puis sélectionnez « Paramètres ». 3. Accédez à la gestion du compte : dans le menu des paramètres, recherchez l'option "Gestion du compte" ou "Assistant de compte" et cliquez sur
Mar 22, 2024 pm 05:56 PM
1. Ouvrez Toutiao. 2. Cliquez sur Mon dans le coin inférieur droit. 3. Cliquez sur [Paramètres système]. 4. Cliquez sur [Paramètres de compte et de confidentialité]. 5. Cliquez sur le bouton sur le côté droit de [Douyin] pour lier Douyin.
Comment lier l'application Cainiao à Pinduoduo ? Comment ajouter le Cainiao Wrap à la plateforme Pinduoduo ?
Mar 19, 2024 pm 02:30 PM
L'application Cainiao est une plate-forme qui peut vous fournir diverses informations logistiques. Les fonctions ici sont très puissantes et faciles à utiliser. Si vous rencontrez des problèmes liés à la logistique, ils peuvent être résolus ici. Quoi qu'il en soit, cela peut vous apporter une solution. -Le service d'arrêt peut tout résoudre à temps. La vérification de la livraison express, la récupération de la livraison express, l'envoi de la livraison express, etc. se font sans aucun problème. Nous avons coopéré avec diverses plateformes et toutes les informations peuvent être interrogées. Il arrivera que les marchandises achetées sur Pinduoduo ne puissent pas afficher les informations logistiques. En fait, vous devez lier manuellement Pinduoduo pour y parvenir. Les méthodes spécifiques ont été triées ci-dessous, et tout le monde peut y jeter un œil. Comment lier Cainiao au compte Pinduoduo : 1. Ouvrez l'application Cainiao et accédez à la page principale.
Comment utiliser la méthode de requête PUT dans jQuery ?
Feb 28, 2024 pm 03:12 PM
Comment utiliser la méthode de requête PUT dans jQuery ? Dans jQuery, la méthode d'envoi d'une requête PUT est similaire à l'envoi d'autres types de requêtes, mais vous devez faire attention à certains détails et paramètres. Les requêtes PUT sont généralement utilisées pour mettre à jour des ressources, comme la mise à jour de données dans une base de données ou la mise à jour de fichiers sur le serveur. Ce qui suit est un exemple de code spécifique utilisant la méthode de requête PUT dans jQuery. Tout d'abord, assurez-vous d'inclure le fichier de la bibliothèque jQuery, puis vous pourrez envoyer une requête PUT via : $.ajax({u
Comment lier l'application de voiture Xiaomi au périphérique de chargement
Apr 01, 2024 pm 06:52 PM
Le dernier modèle de voiture Mi su7 lancé par Xiaomi a dominé diverses listes de recherche populaires. De nombreux utilisateurs qui ont besoin d'acheter une voiture ont choisi le modèle de voiture Xiaomi su7 pour l'achat. Alors, comment utilisez-vous votre application de voiture Xiaomi pour lier la voiture après la sélection. monter la voiture ? Si vous décidez d'utiliser une borne de recharge domestique pour recharger, ce guide didacticiel vous donnera une introduction détaillée, j'espère qu'il pourra vous aider. Tout d'abord, nous ouvrons l'application mobile Xiaomi, cliquons sur le bouton Mon dans le coin inférieur droit, puis dans l'interface Mon, vous pouvez voir l'option de pile de chargement à domicile. Après avoir entré la page qui lie la pile de chargement, cliquez sur le code de numérisation. ci-dessous et scannez le code QR sur la pile de chargement. Le code QR peut être utilisé pour lier la pile de chargement à l'application.
Comment lier l'application Cainiao à Pinduoduo Comment lier l'application Cainiao à Pinduoduo
Mar 19, 2024 pm 05:16 PM
Savez-vous comment lier Pinduoduo lorsque vous utilisez Cainiao Wrap ? La version officielle de l'application Cainiao Wrap ne synchronise pas automatiquement certaines informations logistiques de Pinduoduo sur cette plateforme. Il vous suffit de copier le numéro de commande ou de vérifier votre téléphone portable pour le voir. s'il y a des informations de livraison express. Bien entendu, tout cela doit être complété manuellement. Si vous souhaitez en savoir plus, venez jeter un œil auprès de l'éditeur. Comment lier l'application Cainiao à Pinduoduo 1. Ouvrez l'application Cainiao et cliquez sur « Guide du package » dans le coin supérieur gauche de la page principale. 2. Dans l'interface, il existe de nombreux sites Web d'achats et les comptes peuvent être liés. 3. Cliquez pour importer d'autres plateformes de commerce électronique. 4. Autorisation de l'utilisateur : cliquez sur Pinduoduo pour accéder à l'interface
