在输入文本字段中禁用键盘

Question

我有一个jQuery Datetimepicker，我想禁用键盘输入。 我只想在选择器（Modalbox）上编辑此字段。

Answer 1

您应该像这样禁用输入的键盘：

$(function() {
   $('#datepicker').keypress(function(event) {
       event.preventDefault();
       return false;
   });
});

这是一个工作的小提琴 。

Answer 2

文本输入上的readonly属性应该适合您，可以通过手动输入在输入字段中使用此属性，也可以使用Javascript或jQuery设置此属性。

使用脚本将文本字段设置为只读：

document.getElementById("myText").readOnly = true;

或使用HTML：

<input type="text" name="textName" placeholder="Select date" readonly>

Answer 3

试试这个prop（）

// Disable #x
$( "#x" ).prop( "disabled", true );

// Enable #x
$( "#x" ).prop( "disabled", false );