Question

我正在使用jQuery创建一个相当简单的滑块。要做到这一点，我正在使用mousedown，mousemove和mouseup事件。

var pageX;
$handle.bind('mousedown',function(a){
    pageX = a.pageX;
    $handle.bind('mousemove',function(e){
        e.preventDefault();
        var delta = pageX - e.pageX;
        pageX = e.pageX;

        var left = $handle.position().left;
        $handle.css({left:(left-delta)+'px'});
    });
});
        $handle.bind('mouseup',function(){
            $handle.unbind('mousemove');
        });

现在，这实际上很有效，除了当我快速拖动手柄时，会出现“阻止”图标（你知道，它上面有一个交叉的圆圈）。我该如何防止这种情况发生？

Answer 1

您可以手动将光标设置为任何内容：http://www.echoecho.com/csscursors.htm

在此示例中，您将使用：

.css('cursor','default');

希望有所帮助。

Answer 2

我能够通过阻止mousedown事件的默认行为来解决此问题

$handle.bind('mousedown', function(a) {
    a.preventDefault()
    // ...
}

Windows＆＃34;不允许＆＃34;拖动元素时出现图标

2 个答案: