我试图阻止用户使用键盘通过 jquery ui 微调器输入值。我有几个微调器,并希望它只允许用户使用向上和向下箭头来增加或减少值。
我试过环顾 stackoverflow 和谷歌,但似乎找不到可行的方法。
所以我有例如这样的输入:
<input type="text" class="spinner" value="10"/>
并像这样初始化微调器:
$(".spinner").spinner();
然后尝试像这样禁用按键:
$(".spinner").unbind("keypress");
它仍然允许键盘输入。有谁知道这样做吗?
这是我一直在测试的 JSBin 文件:http://jsbin.com/ujajab/1/edit
最佳答案
简单的!代替
$(".spinner").unbind("keypress");
和
$(".spinner").bind("keydown", function (event) {
event.preventDefault();
});
取消绑定(bind)只会取消绑定(bind)已绑定(bind)的功能。文本字段的默认行为不会改变;所以我们必须防止这种情况发生!如果您根本不希望它集中:
$(".spinner").focus(function () {
$(this).blur();
});
快乐编码!
关于jquery-ui - Jquery UI Spinner - 禁用键盘输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17922215/