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

Posted 2023-05-07

【中文标题】在输入文本字段中禁用键盘

【英文标题】：Disable Keyboard in Input Textfield

【发布时间】：2015-05-14 11:49:53

【问题描述】：

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

【问题讨论】：

你试过readonly="readonly"作为日期元素吗？

您是否尝试过使用readonly="readonly"？

JQuery Datepicker with text input that doesn't allow user input 的可能重复项

readonly 使该字段禁用编辑。他想禁用键盘而不是字段，可能是为了获得正确的日期时间格式。因为如果使用日期选择器按钮或图标选择它将是准确的。

【参考方案1】：

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

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

还有Here is a working fiddle。

【讨论】：

当我这样做时，我无法点击文本字段。

您使用的是哪个日期选择器？ jqueryUI？

【参考方案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 );