Jquery ui Jquery UI微调器-禁用键盘输入
我试图阻止用户使用键盘通过jQueryUI微调器输入值。我有几个微调器,希望它只允许用户使用向上和向下箭头来增加或减少值 我试着环顾stackoverflow和google,但似乎找不到有效的东西 因此,我有如下示例和输入:Jquery ui Jquery UI微调器-禁用键盘输入,jquery-ui,jquery-ui-spinner,Jquery Ui,Jquery Ui Spinner,我试图阻止用户使用键盘通过jQueryUI微调器输入值。我有几个微调器,希望它只允许用户使用向上和向下箭头来增加或减少值 我试着环顾stackoverflow和google,但似乎找不到有效的东西 因此,我有如下示例和输入: <input type="text" class="spinner" value="10"/> $(".spinner").spinner(); $(".spinner").unbind("keypress"); <input type="text"
<input type="text" class="spinner" value="10"/>
$(".spinner").spinner();
$(".spinner").unbind("keypress");
<input type="text" class="spinner" value="10" readonly/>
然后尝试按如下方式禁用按键:
<input type="text" class="spinner" value="10"/>
$(".spinner").spinner();
$(".spinner").unbind("keypress");
<input type="text" class="spinner" value="10" readonly/>
它仍然允许键盘输入。有人知道怎么做吗?
下面是我一直在测试的JSBin文件:简单!替换
$(".spinner").unbind("keypress");
与
Unbind只会解除已绑定的函数的绑定。文本字段默认行为不会更改;所以我们必须防止这种情况发生!如果您根本不想让它聚焦:
$(".spinner").focus(function () {
$(this).blur();
});
快乐编码 人们可能希望避免解除绑定,而更喜欢使用现有API的onchange回调:
如果超出您的边界,则放弃更改。您只需向标签添加只读属性,如下所示:
<input type="text" class="spinner" value="10"/>
$(".spinner").spinner();
$(".spinner").unbind("keypress");
<input type="text" class="spinner" value="10" readonly/>
这对我有用!
干杯哈哈干杯,伙计,我想我已经试过了……显然,不=D是一种享受谢谢你=在我的情况下,按键不起作用,因为我已经使旋转输入框成为只读,但模糊对我有效。如果使用微调器动态添加输入,则Thanksdoe不起作用。