Глобальное переопределение курсора мыши с помощью JavaScript

В своем веб-приложении я пытаюсь реализовать некоторые функции перетаскивания. У меня есть глобальный компонент JavaScript, который выполняет основные функции. Этот объект также отвечает за изменение курсора мыши в зависимости от текущей операции перетаскивания (перемещение, копирование, связывание). На моей веб-странице есть различные элементы HTML, которые определяют собственный стиль курсора, либо встроенный, либо через файл CSS.

Итак, есть ли способ для моего центрального компонента перетаскивания изменить курсор мыши глобально, независимо от стиля элемента, над которым находится курсор мыши?

Пробовал:

document.body.style.cursor = "move"

и

document.body.style.cursor = "move !important"

Но не работает. Каждый раз, когда я перетаскиваю элемент, определяющий стиль курсора, курсор меняется на этот стиль.

Конечно, я мог бы изменить стиль элемента, который я в данный момент перетаскиваю, но тогда мне нужно сбросить его, когда я покидаю элемент. Это кажется немного сложным. Я ищу глобальное решение.