Comment empêcher l'utilisateur de taper dans un champ de texte sans désactiver le champ?

Question

J'ai essayé :

$('input').keyup(function() {

   $(this).attr('val', '');

});

mais cela supprime le texte saisi peu de temps après qu'une lettre soit saisie. Y a-t-il un moyen d'empêcher complètement l'utilisateur de saisir du texte sans avoir recours à la désactivation du champ de texte ?

Answer 1

Une alternative non-Javascript qui peut facilement passer inaperçue : pouvez-vous utiliser l'attribut readonly au lieu de l'attribut disabled ? Cela empêche l'édition du texte dans l'input, mais les navigateurs stylisent l'input différemment (moins susceptible de le "griser") par exemple

Answer 2

Si vous ne voulez pas que le champ semble "désactivé" ou quelque chose, utilisez simplement ceci :

onkeydown="return false;"

c'est essentiellement la même chose que ce que greengit et Derek ont dit mais un peu plus court

Answer 3

$('input').keydown(function(e) {
   e.preventDefault();
   return false;
});

Answer 4

$('input').keypress(function(e) {
    e.preventDefault();
});

Answer 5

Si vous voulez empêcher l'utilisateur d'ajouter quoi que ce soit, mais lui donner la possibilité d'effacer des caractères :

Le fait de définir l'attribut maxlength d'un champ de saisie à "0" fait en sorte que l'utilisateur ne puisse pas ajouter de contenu, mais peut toujours effacer le contenu à sa guise.

---

Mais si vous voulez qu'il soit vraiment constant et immuable :

En définissant l'attribut onkeydown à return false, l'input ignore les keypresses de l'utilisateur, les empêchant ainsi de modifier ou d'affecter la valeur.