javascript - 使用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

<强> here 是您问题的解决方案。

创建一个带有指针等待的类，并在单击它时将其添加到按钮/链接。

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

  .cursor{

        cursor:wait;
    }