Сделать холст невыбираемым

Question

У меня есть холст, на котором я рисую игру JavaScript.Проблема заключается в том, что когда игрок перемещает мышь, он половину времени выбирает холст, который выглядит некрасиво.

Я пробовал поискать в гугле и использовать какой-то CSS, например -webkit-user-select: none;и варианты, но, кажется, ничего не работает с холстом.

Answer 1

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

В ваших обработчиках mousedown / mouseup / click вы должны запускать event.preventDefault() или return false.

Вы должны сделать то же самое в событиях клавиатуры, чтобы избежать столкновения с сочетаниями клавиш.

Answer 2

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