Bonjour,
Je veux limiter la modification d'un champ de formulaire à un seul champ à la fois. Tous mes champs de formulaire sont en disabled ou readonly.
Quand je double-clique sur un champ j'autorise sa modification. Jusque là tout va bien. Par contre, je ne sais pas comment remettre la propriété readonly lorsque j'ai traité la modification.
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
18
19
20
"use strict";
 
const
	inclForm	= window.document.querySelector('.displCard'),
	fields		= window.document.querySelectorAll('.displCard input, .displCard textarea');
 
// Modification des champs
inclForm.addEventListener('dblclick', function(e) // Fonctionne
{
	e.target.removeAttribute('disabled');
	e.target.removeAttribute('readonly');
}, false );
 
inclForm.addEventListener('blur', function(e) // N'est jamais appelée
{
	alert(e.target.name);
	alert('xxx');
	//inclForm.submit();
	e.target.setAttribute('readonly', '');
}, false );