jquery-ui - Jquery UI Spinner - 禁用键盘输入

Question

我试图阻止用户使用键盘通过 jquery ui 微调器输入值。我有几个微调器，并希望它只允许用户使用向上和向下箭头来增加或减少值。

我试过环顾 stackoverflow 和谷歌，但似乎找不到可行的方法。

所以我有例如这样的输入:

<input type="text" class="spinner" value="10"/>

并像这样初始化微调器:

$(".spinner").spinner();

然后尝试像这样禁用按键:

$(".spinner").unbind("keypress");

它仍然允许键盘输入。有谁知道这样做吗？
这是我一直在测试的 JSBin 文件: http://jsbin.com/ujajab/1/edit

Answer 1

简单的!代替

$(".spinner").unbind("keypress");

和

$(".spinner").bind("keydown", function (event) {
    event.preventDefault();
});

取消绑定(bind)只会取消绑定(bind)已绑定(bind)的功能。文本字段的默认行为不会改变；所以我们必须防止这种情况发生!如果您根本不希望它集中:

$(".spinner").focus(function () {
    $(this).blur();
});

快乐编码!