Discussion :

[moimp]

Bonjour,
Pour pallier � un bug de certains navigateurs (notamment IE) qui passent � la page pr�c�dente lorsqu'on fait un backspace sur un champ readonly, j'ai cherch� des infos sur la correction de ce bug. N'en ayant pas trouv�, je cr�e un �couteur.
Voici mon d�but de code:

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
var inputs = document.querySelectorAll('input[readonly=""], input[readonly="readonly"]'),
	n=inputs.length;
for(i=0; i<n; i++) {
	alert('toto');
	inputs[i].addEventListener('keyDown', function(e) {
		alert('rrrrr');
		console.log(e.target);
		alert(e.target);
		//inputs[i].preventDefault;
		while (parentNode) {
			let myParent = parentNode;
			console.log(myParent);
			alert(myParent);
			break;
		}
	}, false);
}

Je rentre bien dans la boucle for mais l'�couteur semble n'�tre jamais appel�.
Le but final est d'arr�ter l'envoi du formulaire avec preventDefault.

Apr�s d'autres recherche, j'ai trouv� ce lien https://stackoverflow.com/questions/...nly-input-text mais les solutions indiqu�es emp�chent le focus mais n'emp�chent pas le retour � la page pr�c�dente.

[moimp]

La solution que j'ai trouv� (avec beaucoup d'aide trouv�e sur ce site pour la ligne 3) n'est s�rement pas la meilleure mais elle semble marcher:

Code javascript :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
// Correction d'un bug de certains navigateurs (testé avec IE11, vérifier 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();
		others[0].focus();
	}, false);	
}