Проблемы с курсором холста html5

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

Ответ 1

Используйте отключение текста на холсте. Это работает как шарм.

var canvas = document.getElementById('canvas');
canvas.onselectstart = function () { return false; } // ie
canvas.onmousedown = function () { return false; } // mozilla

Cheers, Kris

Ответ 2

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

В моей собственной реализации я обнаружил, что предотвращение поведения по умолчанию в событии mousedown было всем, что было необходимо для остановки этого надоедливого курсора выбора текста:

function handleMouseDown(evt) {
  evt.preventDefault();
  evt.stopPropagation();

  // you can change the cursor if you want
  // just remember to handle the mouse up and put it back :)
  evt.target.style.cursor = 'move';

  // rest of code goes here
}

document.addEventListener('mousedown', handleMouseDown, false);

Надеюсь, что это поможет.

Cheers, Damon.

Ответ 3

Используйте pointer для вашего свойства курсора, например:

canvas { cursor: pointer; }

hand имеет значение IE/Opera, вы можете увидеть полный список тех курсоров, в которых работают браузеры.