我如何不允许使用jQuery键入文本输入字段?

时间:2010-03-10 00:45:48

标签: jquery events keyboard keydown

我在文本输入字段上使用jQuery datepicker,我不想让用户使用键盘更改文本输入框中的任何文本。

这是我的代码:

$('#rush_needed_by_english').keydown(function() {
  //code to not allow any changes to be made to input field
});

如何使用jQuery不允许在文本输入字段中键入键盘?

3 个答案:

答案 0 :(得分:10)

$('#rush_needed_by_english').keydown(function() {
  //code to not allow any changes to be made to input field
  return false;
});

答案 1 :(得分:6)

您只需使用以下字段将字段设为只读:

$('#rush_needed_by_english').attr('readonly', 'readonly');

如果您使用的是jQuery 1.6+,则应使用prop()方法:

$('#rush_needed_by_english').prop('readOnly', true); 
// careful, the property name string 'readOnly' is case sensitive!

或者抛弃jQuery并使用纯JavaScript:

document.getElementById('rush_needed_by_english').readOnly = true;

答案 2 :(得分:0)

你可以:

$('#rush_needed_by_english').attr('disabled', 'disabled');