在输入文本字段中禁用键盘
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 );
【讨论】:
以上是关于在输入文本字段中禁用键盘的主要内容,如果未能解决你的问题,请参考以下文章
JQuery Mobile:单击文本字段时如何禁用默认键盘?