Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/jquery-ui/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery ui Jquery UI微调器-禁用键盘输入_Jquery Ui_Jquery Ui Spinner - Fatal编程技术网

Jquery ui Jquery UI微调器-禁用键盘输入

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"

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

我试着环顾stackoverflow和google,但似乎找不到有效的东西

因此,我有如下示例和输入:

<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不起作用。