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

Posted

技术标签:

【中文标题】在输入文本字段中禁用键盘【英文标题】: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 );

【讨论】:

以上是关于在输入文本字段中禁用键盘的主要内容,如果未能解决你的问题,请参考以下文章

点击另一个 UITextField 后自动禁用键盘

JQuery Mobile:单击文本字段时如何禁用默认键盘?

使用UITextField + UIPickerview时禁用键盘输入

禁用文本字段[重复]

禁用三星键盘上的文本预测

当键盘从自己的文本字段切换到另一个文本字段时,搜索栏右键“取消”被禁用