javascript - 拖动元素时出现 Windows "disallowed"图标

Question

我正在使用 jQuery 创建一个相当简单的 slider 。为此，我使用了 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');
        });

现在，这实际上非常有效，除了当我快速拖动 handle 时，“ block ”图标出现(你知道，上面有一个十字的圆圈)。我怎样才能防止这种情况发生？

Answer 1

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

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