Как отключить временный курсор с помощью JavaScript?

0

Следуя моему коду:

HTML:

<div>test</div>

CSS:

div:hover{
background-color: black;
}

Как отключить временный курсор, когда курсор закончил (даже игнорируя: наведите указатель), клавиша "div" и "enter" нажата и повторно активируется, когда курсор перемещается с помощью чистого javascript?

  • 0
    Тебе нельзя. ОС управляет курсором. Вы можете скрыть во Flash, возможно в HTML5 Canvas 2d / 3d анимация / видео, но не иначе ...
  • 0
    cursor:none будет скрывать курсор, но я не думаю, что это хороший UX.
Показать ещё 1 комментарий
Теги:

3 ответа

0
Лучший ответ

Ну, вы можете использовать CSS- pointer-events которые остановят все действия мыши, которые включают в себя :hover.

CSS

div:hover {
    background-color:black; /* will not happen */
}

div {
    pointer-events: none;
}

демонстрация

  • 1
    Это не поддерживается в IE <= 8, хотя я не думаю, что мы должны беспокоиться об этом больше.
0

Вы можете форсировать определенные фигуры курсора с помощью атрибута курсора CSS.

div {
    cursor: pointer; /* or any other shape available in the link above */
}
0

Создайте прозрачный gif и используйте этот код:

cursor: url("transparent.gif"), default; 

Ещё вопросы

Сообщество Overcoder
Наверх
Меню