Verhindern Sie die Eingabe in das Textfeld, obwohl das Feld NICHT deaktiviert/schreibgeschützt ist

Kann ich die Eingabe in HTML-Textfelder verhindern, selbst wenn mein Feld NICHT deaktiviert oder schreibgeschützt ist? Ich habe diese Anforderung.

Vielleicht kann ich alle Eingaben per JS oder jQuery blockieren?

Sieh dir das an Geige

Sie können dafür jQuery verwenden. Sie können dies wie folgt tun

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

ODER

Sie können einfach false zurückgeben, anstatt zu verwenden preventDefault(). Siehe das Skript unten

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

Siehe die Geige

ODER

Eine stark vereinfachte Version ohne Javascript wäre wie folgt. Ändern Sie einfach Ihren HTML-Code wie unten

<input type="text" onkeypress="return false;"/>

Siehe die Geige

Wenn Sie nach einer schreibgeschützten Eingabe suchen, besteht eine einfache Möglichkeit darin, „readonly“ zum Eingabe-HTML hinzuzufügen. Zum Beispiel,

<input type="number" readonly>

Dadurch wird die Formularübermittlung oder andere Ereignis-Listener nicht beeinträchtigt. Eingaben mit ‘readonly’ werden weiterhin übermittelt, aber keine Eingaben mit ‘disabled’.

Für Referenzen: https://www.w3schools.com/TAGS/att_input_readonly.asp

Wenn Sie das Feld unlösbar machen möchten.

$('input').focus(function(e) {
    $(this).blur();
});

Beispiel : https://jsfiddle.net/DinoMyte/up4j39qr/15/

Sie könnten false zurückgeben input Ereignis oder Verwendung .val('') um das Feld zurückzusetzen, wenn der Benutzer jedes Mal versucht, etwas zu schreiben:

$('input').input(function(e) {
    $(this).val('');
});

Hoffe das hilft.

$('input').on('input', function(e) {
    $(this).val('');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" />

Die akzeptierte Antwort funktioniert für mich einwandfrei, aber ich wollte sie auch einschließen Wechsel, Escund löschen Schlüssel. Verwenden Sie in diesem Fall keydown Anstatt von keypress:

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

Dokumentation: https://api.jquery.com/keydown/