Изменить курсор на выделение / перетащить внутри 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> элемент, браузер пытается выбрать контент. Вы могли бы использовать 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