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>元素内拖动时，浏览器会尝试选择内容。您可以在您的部门使用CSS3 user-select属性：

#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

在div中选择/拖动光标？

1 个答案: