0

スライダーを別の位置に移動するイベントに数字キーが割り当てられた、よりアクセスしやすいバージョンのjQueryUIスライダーを作成しています。ユーザーがキーボードで両方の数字のセットを使用できるようにしたいと思います。

番号1の例「49」と「97」。

これが私が使用しているコードです：

if(event.keyCode == "49")
{
$("#slider_feedback").html(mod3["rc" + clip + "_1"]);
$("#slider_feedback").show();
$(".ui-slider-handle").css("left", "0%");
}

助言がありますか？

4

3 に答える 3

1

両方の条件をIFステートメントだけでなく、OR演算子を使用する理由：

if(event.keyCode == 49 || event.keyCode == 97)
{
$("#slider_feedback").html(mod3["rc" + clip + "_1"]);
$("#slider_feedback").show();
$(".ui-slider-handle").css("left", "0%");
}

Javaスクリプト演算子のリストを参照して少し調べてください（JavaScript代入演算子はこの質問に直接接続されています）：
http ：//www.w3schools.com/js/js_operators.asp

于 2012-09-28T17:55:53.483 に答える
0

次のようなキーコードをマッピングする配列を作成します。

var mapKeys = [
   49: 0,
   97: 0
];

次に、キー押下を処理するためのスクリプトを1つだけ作成します。

$(document).bind('keypress', function(e) {
   if(mapKeys[e.keyCode] != undefined){
      $(".ui-slider-handle").css("left", mapKeys[e.keyCode] + "%");
   }
});
于 2012-09-28T17:58:27.410 に答える
0

それ以外の

if(event.keyCode == "49")

である必要があります

if(event.keyCode == '49' || event.keyCode == '97')

また

if(event.which== 49 || event.which== 97)
于 2012-09-28T17:56:13.050 に答える