Discussion :

[dembroski]

Bonjour,

(Sur firefox)

Pourquoi apres le blur, quand je click sur le OK de l'alert, en bougeant la souris, le texte de la page se séléctionne.

Je ne comprends absolument pas pourquoi.

exemple : https://jsfiddle.net/0z5cwtzw/

Merci si vous avez une idée

[gabrielS]

Je pense que ça a à voir avec le fait que ton texte n'est pas encapsulé (et donc que le HTML n'est pas bien construit).

Si tu le mets dans un <p> par exemple, ça fonctionne "proprement"

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
<input type="text" onblur="alert('chrome')" />
<p>
test
test
test
</p>

Note : je considère ça quand même comme un bug de FF

[SpaceFrog]

le texte ne se sélectionne que si tu utilises la souris pour faire le blur

en fait le mousedown de la souris sur le body déclenche le alert

du coup tu reste en mousedown pour le navigateur, donc en mode sélection ainsi en sortant le de l'alert tu reste en mode sélection, d'ou le fait qu'en bougeant la souris il considère que tu es ytoujours en mousedown de sélection ...

[dembroski]

Meme en encapsulant j'ai le même soucis
J'ai réglé le problème de la manière suivante.

J'ai fait un alias de alert()
avant le alert je met un div invisible sur tous l'ecran et je l’enlève après le alert.

Oui je pense c'est un bug firefox.

[dembroski]

Je comprend spacefrog.

A tu une solution autre que mon trick ?

[SpaceFrog]

une solution relativement simple, laisser le temps ou mouseup d'intervenir au moyen d'un petit setTimeout...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input id="foo" type="text" onblur="setTimeout(function(){alert('chrome');},100)" />

une autre solution est de désactiver la selection avec css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

[dembroski]

OK c'est le trick que j'avais fais.

Merci :

Mon alias de alert :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
function alarma(s) {
  freezeScreen();
  setTimeout(function() {
    alert(s);
    setTimeout(function() { unfreezeScreen(); },100);
  },100);
}