用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

添加以下功能：

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

Answer 3

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; 
    } 

Answer 4

只需添加下面的代碼本EXAMPLE HERE.

（1）如果全部鏈接顯示爲忙碌。

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

（2）如果CONTAINER中的所有鏈接都顯示忙。

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

（3）如果整個（DOM）頁面內的所有鏈接都顯示忙碌。

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

EXAMPLE HERE.