Изменить свойство курсора с помощью JavaScript

Question

Я кодировал простой javascipt, когда пользователь нажимает что-то, чтобы сделать что-то. Я также хочу, чтобы курсор был изменен, поэтому я добавил это

<script>
    $(document).ready(function() {            
        $(".targetClass").click(function () {
            $('#loaderImage').show();
            //this is the line i add
            $('.container').css('cursor','wait');                
        });
    });
</script>

И это работает. Но если я возьму курсор на ссылку, курсор снова изменится на значение указателя. Что мне нужно сделать, чтобы курсор после щелчка остался, чтобы дождаться значения (даже я положил его на любой элемент страницы)? Спасибо!!

Answer 1

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

$('*').css('cursor','wait');

Ты можешь использовать:

$('*').css('cursor','auto');

снова установить все по умолчанию.

Или, возможно, лучше:

$('*').css('cursor','');

сбросить к предыдущему состоянию курсора, поэтому не отменяя другие изменения курсора.

Answer 2

Просто добавьте это ниже ПРИМЕР КОДА ЗДЕСЬ.

(1) Если все ссылки показывают заняты.

$('.container, a').css('cursor','wait');

(2) Если все ссылки внутри КОНТЕЙНЕРА отображаются занятыми.

$('.container, .container a').css('cursor','wait');

(3) Если все ссылки на целой (DOM) странице отображаются занятыми.

$('*').css('cursor','wait');

ПРИМЕР ЗДЕСЬ.

Answer 3

вот решение вашей проблемы.

создайте класс с указателем wait и добавьте его к кнопке / ссылке также, нажимая на него.

$(document).ready(function() {            
    $(".targetClass").click(function () {
        //$('#loaderImage').show();
        //this is the line i add
        $('.container').css('cursor','wait');                
       $(this).addClass('cursor');
    });
});

  .cursor{

        cursor:wait;
    }

Answer 4

Добавьте следующее к функции:

$(document).css('cursor','wait');