Discussion :

[moimp]

Bonjour,

Internet Explorer bug dans le cas suivant:
- Un champ de formulaire de type input ou textarea a le focus et est affecté de l'attribut readonly,
- Si ce champ est vide et que j'appuie sur la touche backspace le navigateur revient à la page précédente comme avec le bouton de retour arrière (alt+gauche)
C'est plutôt gênant!
Pour pallier à ce défaut, j'ai écrit le bout de code suivant qui me pose un problème lorsque j'ai besoin d'utiliser l'événement blur.

Code JavaScript :

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

1
2
3
4
5
6
7
8
9
10
11
12
"use strict";
 
// Correction d'un bug de certains navigateurs (testé avec IE11, à vérifier sur les autres versions et les autres navigateurs)
var reads	= document.querySelectorAll('input[readonly]'),
	others	= document.querySelectorAll('input:not([readonly]):not([type="submit"]):not([disabled])'),
	n		= reads.length;
for (let i=0; i<n; i++) {
	reads[i].addEventListener('focus', function(e) {
		this.blur();
		if (others.length) others[0].focus();
	}, false);
}

[Beginner.]

Salut,

Je n'ai pas IE11 mais pour le problème pourquoi ne pas intercepter la touche backspace pour annuler son effet lorsque la textearea ou la input est vide ?

[ProgElecT]

Salut

"use strict" t'oblige a déclarer les variables, others et n ne le sont pas.
Tu utilises des déclarations de variables différentes, un coup var, l'autre let, ce dernier n'est supporté par IE que depuis la version 11.

[Beginner.]

"use strict" t'oblige a déclarer les variables, others et n ne le sont pas.

Moi aussi je me suis déjà fait avoir par ça (il n'y a qu'une seule fois le mot clé "var") mais elles sont déclarées (et initialisées) : une seule fois le mot clé "var" + déclarations séparées par une virgule

[ProgElecT]

Salut

@Beginner. , vue l’indentation, les virgules, me sont passées sous le nez

[NoSmoking]

Bonjour

vue l’indentation, les virgules, me sont passées sous le nez

pour une telle déclaration de variables il existe une « convention », mais chacun fait ce qui lui plait, qui est de mettre la virgule en début de ligne

Code :

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

1
2
3
var reads = document.querySelectorAll('input[readonly]')
  , others = document.querySelectorAll('input:not([readonly]):not([type="submit"]):not([disabled])')
  , n = reads.length;

c'est normalement plus lisible mais bon, idem pour la déclaration des objets

Code :

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

1
2
3
4
5
var Individu = {
    "nom": "Durand"
  , "Prenom": "Jean"
  , "Age": "ça change tout le temps"
}

dans ce cas c'est pour facilité la modification de celui-ci.

Pour en revenir au sujet, qui est une continuité de cette discussion je dirais qu'il faut bien comprendre ce que fait ce script, hormis pourrir la vie de moimp

• on récupère tous les éléments de type <input> qui ont l'attribut readonly posé, d'une part ;
• on récupère d'autre part ce qui ne l'ont pas ;
• on affecte à chaque éléments du 1er groupe( les readonly donc) un fonction qui leur fait perdre le focus, quand il l'obtient, et qui le place sur le 1er élément du 2éme groupe ( les autres <input>).

Donc on n'aura JAMAIS accès à ces champs.

- Si ce champ est vide et que j'appuie sur la touche backspace le navigateur revient à la page précédente comme avec le bouton de retour arrière (alt+gauche)

que ce passe t-il si il n'y pas de champs « modifiable » ?

// Correction d'un bug de certains navigateurs

J'aimerais savoir de quelle bogue on parle.

[moimp]

Je vais essayer de répondre à toutes vos remarques:

1. @ProgElecT: J'utilise let à l'intérieur de la boucle et var à l'extérieur, suite à un conseil que j'ai eu (où et quand?)
2. @NoSmoking: Je ne connaissait pas cette convention, elle est intéressante. Désolé mais l'indentation a bougé avec le copier/coller.
3. @NoSmoking: Effectivement le but n'est pas d'avoir accès aux champs, mais, surtout en mise au point, d'éviter le retour intempestif vers la page précédente.

4. Si ce champ est vide et que j'appuie sur la touche backspace le navigateur revient à la page précédente comme avec le bouton de retour arrière (alt+gauche)

   Après vérification ceci se produit même si le champ n'est pas vide. C'est bien le bogue dont je parle.

5. que ce passe t-il si il n'y pas de champs « modifiable » ?

   Condition en ligne 10 de mon code.

6. J'aimerais savoir de quelle bogue on parle.

   Le retour intempestif à la page précédente qui est justement la raison d'être de ce script.