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

Question

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

0

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

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

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

yaylitzis 26 сен. 2013, в 14:22

Источник

Теги:

javascript

jquery

cursor

4 ответа

1

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

создайте класс с ожидающим указателем и добавьте его к кнопке/ссылке также при нажатии на него.

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

  .cursor{

        cursor:wait;
    }

Deep Sharma 26 сен. 2013, в 09:55

0

скрипка работает но у меня нет: /
yaylitzis 26 сен. 2013, в 12:02

1

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

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

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

(2) Если все ссылки в КОНТЕЙНЕРЕ показаны заняты.

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

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

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

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

Sandy 26 сен. 2013, в 09:07

0

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

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

Joran Den Houting 26 сен. 2013, в 09:29

Ещё вопросы

sidneydobber · Accepted Answer · 2013-09-26T09-21-00.000Z

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

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

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

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

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

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

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

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