防止键入文本字段输入,即使字段未禁用/只读

gen*_* b. 17 html javascript jquery disabled-input

即使我的字段未禁用或只读,我是否可以阻止HTML文本字段输入?我有这个要求.

也许我可以通过JS或jQuery阻止所有输入?

Lal*_*Lal 31

看到这个小提琴

你可以使用jQuery ..你可以这样做

$('input').keypress(function(e) {
    e.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)

要么

你可以只返回false而不是使用preventDefault().请参阅下面的脚本

$('input').keypress(function(e) {
    return false
});
Run Code Online (Sandbox Code Playgroud)

小提琴

要么

没有Javascript的简化版本如下所示.只需更改您的HTML,如下所示

<input type="text" onkeypress="return false;"/>
Run Code Online (Sandbox Code Playgroud)

小提琴


小智 7

如果您正在寻找只读输入,一个简单的方法是将“readonly”添加到输入 HTML。例如,

<input type="number" readonly>
Run Code Online (Sandbox Code Playgroud)

这样,它就不会干扰表单提交或其他事件侦听器。带有“readonly”的输入仍然会被提交,但带有“disabled”的输入不会被提交。

参考: https: //www.w3schools.com/TAGS/att_input_readonly.asp

  • 标题字面意思是“非禁用/只读”。不知道为什么这会被投票 (2认同)

Din*_*yte 5

如果你想让这个领域变得棘手。

$('input').focus(function(e) {
    $(this).blur();
});
Run Code Online (Sandbox Code Playgroud)

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