Как изменить курсор при наведении в JavaScript?

Question

[Ignatiy2]

Допустим, я создал картинку с помощью new Image() и мне нужно чтобы при наведении на эту картинку курсор менялся на pointer. Я пробовал сделать так:

var car = new Image();
car.src = "img/Машина.png";

car.style.cursor = "pointer";

Но никакого эффекта нет

Answer 1

[Даниил]

Ну не знаю, у меня всё работает

Comments

[Ignatiy2]

Забыл уточнить что эти картинки я прорисовываю в canvas

[Даниил]

Ignatiy2, Тогда можно только отлавливать координаты курсора при движении по canvas'у и если курсор в пределах изображения, менять курсор в стилях самого элемента canvas.

[Lynn «Кофеман»]

Ignatiy2, эту важную информацию надо написать в вопросе.

С точки зрения DOM у вас больше нет картинки, только canvas, так что только самому определять координаты и менять курсор

Answer 2

[profesor08]

Вешаешь на канвас addEventListener("mousemove ", e => {});, где e это объект события мыши, там есть координаты, по которым двигается курсор, проверяй попадают ли оно в площадь, занимаемую картинкой на канвасе или нет.