更改光標選擇/拖動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