Question

I have a standard link such as:

<a href="/test">Test</a>

In Chrome, clicking and dragging on this link will result in the cursor changing to an arrow dragging a globe. The globe can be dropped on the url or bookmarks bar.

I am trying to implement a drag-and-drop filesystem interface in JavaScript. All files and folders are marked up in “a” tags. When I click to drag one, the globe icon appears and breaks the JavaScript event (in this case, JQuery’s mousemove).

Any ideas on how to prevent Chrome from converting dragged links into the globe?

Edit: Using some well-placed event.preventDefault()’s actually does resolve the issue.

Answer 1

Try use event.preventDefault() in onmousedown

<a href="/test.js" onmousedown="event.preventDefault()">Test</a>