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

【问题标题】：Disable Keyboard in Input Textfield在输入文本字段中禁用键盘
【发布时间】：2015-05-14 11:49:53
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

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

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

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

或者在 HTML 中：

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

【讨论】：

【解决方案3】：

试试这个prop()

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

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

【讨论】：