我正在使用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');
});
现在,这实际上很有效,除了当我快速拖动手柄时,会出现“块”图标(您知道,上面有一个交叉的圆圈)。我如何防止这种情况发生?
最佳答案
您可以手动将光标设置为任何值:http://www.echoecho.com/csscursors.htm
在此示例中,您将使用:
.css('cursor','default');
希望能有所帮助。