如何防止用户在不禁用字段的情况下键入文本字段？

Question

我试过了:

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

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

});

但输入一个字母后会略微删除输入的文字.反正是否有阻止用户完全输入文本而不诉诸于禁用文本字段？

Answer 1

一个非常容易被忽视的Javascript替代方法:您可以使用readonly属性而不是disabled属性吗？它可以防止在输入中编辑文本,但是浏览器会以不同的方式设置输入的样式(不太可能"灰掉它"),例如<input readonly type="text" ...>

Answer 2

如果你不希望该字段看起来"禁用"或smth,只需使用:

onkeydown="return false;"

它与greengit和Derek说的基本相同,但稍微短一些

Answer 3

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

Answer 4

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

Answer 5

如果您想阻止用户添加任何内容，但要为他们提供擦除字符的能力：

<input value="CAN'T ADD TO THIS" maxlength="0" />

将maxlength输入的属性设置为"0"使用户无法添加内容，但仍可以根据需要删除内容。

但是，如果您希望它真正保持不变且不可更改：

<input value="THIS IS READONLY" onkeydown="return false" />

将onkeydown属性设置为return false使输入忽略用户keypresses，从而防止他们更改或影响值。