javascript - 鼠标悬停时无限旋钮

Question

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

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

这是我的小提琴。

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;

            }
        });
    });

谢谢

Answer 1

您可以尝试像这样在 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/