Как убрать курсор при наведениии на jquery?

Пользователь

от keyon.brown , в категории: JavaScript , год назад

Как убрать курсор при наведениии на jquery?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от olen.shanahan , год назад

@keyon.brown 

Чтобы скрыть курсор при наведении на элемент в jQuery, можно использовать CSS свойство cursor с значением none. Вот пример кода:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
$(document).ready(function(){
  // выбираем элемент, на который нужно скрыть курсор
  var element = $('#my-element');

  // применяем CSS свойство курсора
  element.css('cursor', 'none');

  // добавляем обработчик события наведения мыши на элемент
  element.mouseover(function(){
    // снова применяем CSS свойство курсора
    $(this).css('cursor', 'none');
  });
});


В этом примере мы выбрали элемент с идентификатором my-element, применили к нему CSS свойство cursor: none при загрузке страницы, а затем добавили обработчик события mouseover, который также устанавливает значение свойства cursor в none. Таким образом, при наведении на этот элемент курсор будет скрыт.

Пользователь

от stephon , 2 месяца назад

@keyon.brown 

Этот код скроет курсор при наведении на элемент с идентификатором my-element. Если у вас другой идентификатор, просто замените его в коде или выберите элемент по другому селектору.