Javascript: Как я могу установить курсор во время операции перетаскивания на веб-сайте?

Question

Я разрабатываю расширение для браузера Chrome, которое позволяет выполнять операции перетаскивания мышью повсюду на странице. Однако, пока пользователь выполняет эту операцию, курсор обычно заменяется текстовым курсором.

Как я могу изменить это поведение? CSS-свойство курсора срабатывает только тогда, когда вы не удерживаете кнопку мыши нажатой.

PS: С тех пор, как я разрабатываю расширение для Google Chrome, для меня не важен другой браузер.

Answer 1

Просто переопределите обработчик сообщений «dragstart», а также «selectstart» ... Пока в функции отменяется событие ...

<script type="text/ecmascript>
window.addEventListener("dragstart", function(fEventObject){ CancelEvent(fEventObject); } );
window.addEventListener("selectstart", function(fEventObject){ CancelEvent(fEventObject); } );

function CancelEvent(fEventObject) 
{
   if (fEventObject.preventDefault) fEventObject.preventDefault();
   if (fEventObject.cancel != null) fEventObject.cancel = true;
}

</script>

Answer 2

Не могли бы вы добавить класс css в тег body, который устанавливает курсор, а затем удалить класс по капле?