更改光标选择/拖动div内？

Question

以下是示例：jsFiddle

当您在div内拖动光标时，该光标应变为交叉线。如果我将div更改为canvas，它将起作用。

来源：

<div id="draw" /> 

#draw { 
    cursor: pointer; 
    border:1px solid black; 
    width:200px; 
    height:200px; 
} 

#draw:active { 
    cursor: crosshair; 
} 

为什么没有它DIV工作？

Answer 1

这是因为当您在<div>元素内拖动时，浏览器会尝试选择内容。

#draw { 
    cursor: pointer; 
    border:1px solid black; 
    width:200px; 
    height:200px; 

    -moz-user-select: none; 
    -webkit-user-select: none; 
    -ms-user-select: none; 
} 

#draw:active { 
    cursor: crosshair; 
} 

JSFiddle Demo