La fonction des conseils de show jQuery ne fonctionne pas dans les navigateurs basés sur webkit
-
11-11-2019 - |
Question
J'ai une fonction jQuery qui montre / cache des portées qui ressemblent à des "conseils" lorsque je clique sur un champ de saisie sur un formulaire.
La fonction fonctionne très bien sur Firffox, Chrome, c'est-à-dire (!) :), etc. Mais pas du tout sur les navigateurs basés sur webkit aka safari et Android (testé)
$(function(prepareInputsForHints) {
var inputs = document.getElementsByTagName("input");
for (var i=0; i<inputs.length; i++){
(function(i) {
// Let the code cleane
var span = inputs[i].nextElementSibling;
if(span instanceof HTMLSpanElement) {
if(span.className == "hint") {
span.onmouseover = function() { this.isOver = true; }
span.onmouseout = function() { this.isOver = false; if(!inputs[i].isFocus) inputs[i].onblur(); }
// the span exists! on focus, show the hint
inputs[i].onfocus = function () {
this.isFocus = true;
span.style.display = "inline";
}
// when the cursor moves away from the field, hide the hint
inputs[i].onblur = function () {
this.isFocus = false;
if(!span.isOver) span.style.display = "none";
}
}
}
})(i);
}
});
Aussi, pour votre commodité, je vous fournis http://jsfiddle.net/eznyy/1/
Pas de solution correcte
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow