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 );
Partager