javascript gestion des événements

Question

Je suis en train de créer un formulaire Web pour un login. J'ai décidé d'ajouter quelques fonctionnalités que je n'aurais pas normalement. Cependant, je n'arrive pas à les faire fonctionner dans tous les cas. Alors, voici mon problème. Sur le formulaire, au fur et à mesure que vous avancez dans chacune des entrées, une boîte javascript située sur le côté de la page défile et vous informe de cette entrée, c'est-à-dire de ce qu'elle peut entrer, du nombre de caractères restants.

Cela fonctionne très bien avec les zones de texte, car je peux utiliser un gestionnaire d'événements onfocus et onblur. Toutefois, lorsque vous atteignez, par exemple, un div qui a plusieurs cases à cocher, vous ne pouvez pas utiliser exactement les gestionnaires d'événements ci-dessus pour chaque entrée, car ils devraient alors sélectionner une option avant que la boîte ne leur dise de quoi il s'agit. J'ai essayé d'utiliser les gestionnaires d'événements onMouseOver et onMouseOut pour l'ensemble de la div, mais cela ne fonctionne pas de manière fluide.

Alors des suggestions? Peut-être, y at-il un moyen d'activer une fonction si un utilisateur place son curseur sur une certaine partie de l'écran?

espoir ce sens de faire, grâce

Answer 1

pourrait faire un peu? icône ou quelque chose à côté de celui-ci pour quelqu'un de survoler, et attacher l'événement à cela ...

... de toute façon ... vous sûr que vous le faites bien? un peu de code ... par exemple, cela fonctionne fine..when je Survoler la 2ème case, je reçois l'alerte

<form> 
<input type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> 
<input onmouseover="alert('test');" type="checkbox" name="vehicle" value="Car" /> I have a car 
</form> 

Answer 2

Vous devriez toujours avoir les événements focus/flou sur les cases à cocher, je pense, pour les gens qui utilisent le clavier.

Travaillez-vous avec un framework js? Avec jQuery, vous pouvez simplement faire:

$(function() { 
    $(".div_around_the_checkboxes").hover(function() { 
     // show 
    }, 
    function() { 
     // hide 
    }); 
});