Maison > interface Web > js tutoriel > Délégué JavaScript (Délégué) Exemple d'utilisation du flou et de la concentration Compétences d'analyse_javascript

Délégué JavaScript (Délégué) Exemple d'utilisation du flou et de la concentration Compétences d'analyse_javascript

WBOY
Libérer: 2016-05-16 15:57:39
original
1359 Les gens l'ont consulté

L'exemple de cet article décrit l'utilisation du flou et du focus du délégué javascript (Delegate). Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :

Opera (9.5b) ne peut pas se déclencher correctement deux fois pour tous les événements de mise au point et de flou
 ; Par conséquent, les gestionnaires des événements de focus et de flou peuvent être délégués à la phase de capture de l'événement.

Exemple 1 (classe de liste) :

Copier le code Le code est le suivant :

  1. Élément de liste 1

                                                                                        ;                                                                                                        ;                                                                                                       


  2. Autres éléments de la liste



Exemple 2 (classe de formulaire) :


Autres éléments de formulaire



Ce que nous surveillons ici est le bloc ol le plus externe. Si nous utilisons des événements de flou et de focus, ce n'est que pour l'ensemble de l'ol, alors comment gérer les événements de focus et de flou des contrôles à l'intérieur ?
La méthode de traitement est la suivante :

Traitement IE :


Copier le code Le code est le suivant :$('list').onmouseover = handleMouseOver; $('list').onmouseout = handleMouseOut;
$('Liste').onfocusin = handleMouseOver;
$('List').onfocusout = handleMouseOut;


peut également s'écrire sous la forme suivante :


Copier le code Le code est le suivant :$('list').attachEvent('onfocusout',handleMouseOut, vrai);
Si vous souhaitez transmettre des paramètres, vous pouvez ajouter une fonction intermédiaire, telle que


Copier le code Le code est le suivant :$('list').attachEvent('onfocusout',function( événement, mesparams )(handleMouseOut(event, mesparams);},true);
Traitement FF :


Copier le code Le code est le suivant :$('list').addEventListener('focus',handleMouseOver, vrai); $('list').addEventListener('blur',handleMouseOut,true);

J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
É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