Feu événement onmouseover lorsque l'élément est désactivé
J'ai quelques commandes que j'ai besoin de désactiver lorsque les utilisateurs n'ont pas de modifier les privilèges, mais ne sont parfois pas assez large pour afficher le texte intégral de l'option sélectionnée élément. Dans ce cas, je ai ajouté un outil de pointe avec ASP.NET et le code suivant
ddl.Attributes.Add("onmouseover", "this.title=this.options[this.selectedIndex].title")
Cela fonctionne lorsque le contrôle est activé, mais ne fonctionne pas lorsqu'il est désactivé.
La suite de l'alerte ne se déclenche lorsqu'une souris est au-dessus de l'élément select:
<select disabled="disabled" onmouseover="alert('hi');">
<option>Disabled</option>
</select>
Voir ce violon.
Q: puis-je le feu de la onmouseover
événement pour les contrôles qui sont disabled
?
OriginalL'auteur KyleMit | 2013-08-07
Vous devez vous connecter pour publier un commentaire.
Désactivé éléments ne permettent pas de déclencher des événements, par exemple, les utilisateurs ne peuvent pas passez la souris ou cliquez sur le bouton pour déclencher une liste (ou une info-bulle). Cependant, vous pouvez envelopper l'élément désactivé avec un
DIV
et écouter l'événement a tiré sur cet élément à la place.OriginalL'auteur Diodeus - James MacFarlane
Mise à jour: consultez nathan william commentaire pour certains de sérieuses limites à cette approche. J'ai mis à jour le violon pour illustrer le problème des zones plus clairement.
Étendre sur ce @Diodeus dit, vous pouvez utiliser jQuery pour créer automatiquement la
div
conteneur pour vous et enroulez-la autour de tout désactivé éléments.:désactivé
sélecteur de trouver tous les éléments..wrap()
méthode avec une fonction de rappelthis
à se référer à l'élément en cours dans l'ensemble..attr()
méthode pour obtenir leonmouseover
valeur de l'élément parent et d'appliquer la même valeur pour la nouvelle div.La démo en jsFiddle
OriginalL'auteur KyleMit
Je sais que c'est un vieux post, mais dans chrome, vous pouvez définir la propriété css pointeur-événements pour tous, et elle devrait permettre d'événements. Je n'ai pas vérifié dans d'autres navigateurs.
Edit:
En fait, je pense que la définition de la propriété d'auto est suffisante. @KyleMit commenté, le support c'est du bon.
J'ai simplement utilisé dans ce projet où j'ai besoin de désactiver un bouton jusqu'à ce que quelques règles de validation ont été remplies, mais j'ai aussi nécessaire pour déclencher la validation sur le vol stationnaire au-dessus du bouton. Ainsi, l'ajout de l'aiguille des événements a fait le tour. Je pense que c'est la façon la plus simple d'obtenir sur le problème mentionné dans l'OP.
OriginalL'auteur Andres Zapata
Pourquoi ne pouvez-vous pas ajouter un titre sur l'élément cible?
le titre ressemble à la même comme un outil de pointe.
Et le titre des œuvres sur désactivé éléments.
lorsque vous définissez la valeur de ton select, également titre du jeu:
Pour Kylemit, alors vous pouvez ajouter une condition: if(element.classList.contient("addTitle15")){ // ajouter un titre
OriginalL'auteur Justin