javascript - 鼠标悬停时无限旋钮

我试图了解如何在没有单击和拖动但有鼠标悬停事件的情况下更改旋钮的值。

就像旋钮的手柄跟随鼠标一样。

这是我的小提琴。

http://jsfiddle.net/salvonostrato/dJ35f/1/

我怎样才能做到这一点？

我尝试了没有结果：

$('input.infinite').mouseover(function () {
        $("input.infinite").knob({
            'change': function (v) {
                if (val > v) {
                    if (up) {
                        decr();
                        up = 0;
                    } else {
                        up = 1;
                        down = 0;
                    }
                } else {
                    if (down) {
                        incr();
                        down = 0;
                    } else {
                        down = 1;
                        up = 0;
                    }
                }
                val = v;

            }
        });
    });

谢谢

最佳答案

您可以尝试像这样在mouseenter上触发mousedown并在mouseleave上触发mouseup

$(function () {
    var $knob=$(".infinite").knob();
    $knob.mouseenter(function () {
        $knob.children("canvas").trigger("mousedown");
    }).mouseleave(function(){
        $knob.children("canvas").trigger("mouseup");
    });
});

http://jsfiddle.net/dJ35f/2/