web-dev-qa-db-ja.com

フィールドが無効/読み取り専用ではない場合でも、テキストフィールド入力での入力を禁止

フィールドが無効または読み取り専用ではない場合でも、HTMLテキストフィールドの入力を禁止できますか？この要件があります。

たぶん、JSまたはjQueryを介してすべての入力をブロックできますか？

javascriptjqueryhtmldisabled-input
15
gene b.

こちらをご覧ください fiddle

これにはjQueryを使用できます。以下のように実行できます。

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

[〜＃〜] or [〜＃〜]

preventDefault()を使用する代わりにfalseを返すことができます。以下のスクリプトを参照してください

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

fiddle を参照してください

[〜＃〜] or [〜＃〜]

Javascriptを使用しない非常に単純化されたバージョンは次のようになります。以下のようにHTMLを変更するだけです

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

fiddle を参照してください

30
Lal

難易度の高いフィールドを完成させたい場合。

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

例： https://jsfiddle.net/DinoMyte/up4j39qr/15/

1
DinoMyte

inputイベントでfalseを返すか、.val('')を使用して、ユーザーが何かを書き込もうとするたびにフィールドをリセットできます。

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

お役に立てれば。

$('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' />
1
Zakaria Acharki