Change cursor over HTML5 Canvas when dragging in Chrome

Question

I was looking at how to change the cursor over an HTML5 canvas when dragging the mouse... Came across this: Change cursor over HTML5 Canvas when dragging the mouse

seemed logical that an :active pseudo-selector would do the trick...

When I used it on my page, however, the cursor set by the rule in the :active pseudo-selector was ignored, instead showing the text selection cursor.

In firefox, this behavior is not present - it obeys the cursor property I set.

Here's an example to demonstrate the behavior.

Any idea how to fix this in chrome?

score 3 · Accepted Answer · edited May 23 '17 at 11:49

3

Add the following for Chrome to turn off text selection while dragging and dropping.

document.onselectstart = function(){ return false; }

This has been answered a few times,

edited May 23 '17 at 11:49

Community

answered Jun 19 '12 at 18:22

Loktar

maybe you shall clarify the fact that document is indeed the canvas object not the document global variable. so the correct thing to say would be canvas.onselectstart = function() { return false; } – holographix May 22 '13 at 13:32

1 Answers1