Change mouse cursor when dragging in JavaScript

When drag something, a mouse cursor looks like this.

enter image description here

Is it possible to change the shape of the mouse cursor?

document.querySelector('.item').addEventListener('drag', function(event) {
  // I try to this in html or event.target but it didn't work.
  document.querySelector('html').style.cursor = url('something_I_want.jpg');
});