javascript - 拖动元素时出现 Windows“不允许”图标

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

我能够通过阻止mousedown事件的默认行为来修复它

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

Answer 2

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

在此示例中，您将使用：

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

希望有帮助。