6

ユーザーがキーボードを使用してjquery uiスピナーを介して値を入力するのを止めようとしています。いくつかのスピナーがあり、ユーザーが上下の矢印を使用して値を増減できるようにしたいと考えています。

私はスタックオーバーフローとグーグルを調べてみましたが、機能するものを見つけることができないようです。

たとえば、次のような入力があります。

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

次のようにスピナーを初期化します。

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

次に、次のようにキープレスを無効にします。

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

キーボード入力は引き続き可能です。誰かがこれを行うことを知っていますか? 私がテストしている JSBin ファイルはこちらです: http://jsbin.com/ujajab/1/edit

4

3 に答える 3

14

単純！交換

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

と

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

Unbind は、バインドされている関数のバインドを解除するだけです。テキストフィールドのデフォルトの動作は変更されません。だから私たちはそれを防ぐ必要があります！まったく焦点を合わせたくない場合：

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

ハッピーコーディング！

于 2013-07-29T11:17:38.550 に答える
9

次のように、readonly 属性をラベルに追加するだけです。

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

これは私のために働く！乾杯

于 2014-05-21T11:48:05.903 に答える