J'ai une forme avec certaines entrées désactivées. Je veux que ces entrées soient activées lorsque vous avez double-cliqué. Malheureusement, les événements JS semblent ne pas tirer sur les entrées désactivées.
<input type="text" value="asdf" disabled="disabled" ondblclick="this.disabled=false;">​
4 Réponses :
Vous devrez envelopper l'élément dans un conteneur car l'événement ne se déclenchera pas sur des éléments désactivés.
Jsfiddle
Je cherche une solution non enveloppante.
Il n'y a pas une solution non-accompagnée si vous utilisez l'état natif désactivé d'un élément.
Ne fonctionne pas sur Firefox Nightly 16 lors de la dbblicking dans l'entrée. Drôle comment ça marche même dans IE cependant.
C'est une solution réalisable, mais si j'allais envelopper, je l'écrirais plus maigre comme:
@Umbrella qui est sans aucun doute tenu. Mais ne travaille toujours pas sur Firefox, à qui cela peut concerner.
Ondblclick n'est pas tiré sur un élément désactivé , vous devez la marquer comme loadonly :
Oui, c'est une solution préférée. Merci.
Vous pouvez également ajouter onblur = "this.readonly = 'true';" pour le rendre revenir à son état en lecture seule lorsque vous avez cliqué à l'extérieur de l'entrée. Et utilisez la balise : lecture seule CSS pour styler l'élément alors qu'il est en lecture seule vs modifiable.
Ceci va faire! Fonctionne pour moi, comme "désactivé" et "Readonly" apparaît presque la même (au moins en bootstrap). Les scripts en ligne ne fonctionnent pas avec les personnes handicapées.
<input type="text" ondblclick="this.readOnly=false;" readonly/>
La réponse qui est marquée correcte ne revient pas la saisie pour avoir besoin d'un autre double clic pour modifier à nouveau.
Ajoutez cette fonction Onchange pour le faire: onchange = "ça.Readonly =" vrai ";"
Le tout: onchange = "ça.Readonly =" vrai ";" Readonly = "vrai" ondblclick = "this.readonly = '';"
Dupliquer, vous trouverez une solution ici: Stackoverflow .com / questions / 3100319 / ...
Tout le monde n'utilise pas JQuery. En outre, je cherche une solution non-wrap.