使用Prototype.js更改瀏覽器光標

我在加載頁面時遇到了更改光標的問題;我的代碼是：使用Prototype.js更改瀏覽器光標

Event.observe(window, 'load', function() { 
    document.body.style.cursor = 'wait'; 
    $$('select').each(function(s) { 
     var ajaxRequest = new Ajax.Request(
      '/some_ajax_proc', 
      {

頁面加載時，光標不會改變。但是它與其它事件偵聽器沒有問題做進一步的如：

$('mytxt').observe('change', function() { 
     document.body.style.cursor = 'wait'; 
    }

UPDATE：OK，它確實改變了光標，但是由於阿賈克斯循環結束後有一個document.body.style.cursor = 'default';，它換了回來立刻所以我猜這是一個線程問題。在這種情況下的任何提示？

來源

2012-06-29 xain

您在哪看到這個瀏覽器？適用於Mac上最新的Safari。 – dontGoPlastic

你可以使用[jsfiddle]（http://jsfiddle.net）顯示問題嗎？ – Starx

你試過嗎？

Ajax.Responders.register({ 
    onCreate: function() { 
       if (Ajax.activeRequestCount === 1) { 
        //Code for change the cursor, something like this: 
        document.body.style.cursor = 'wait'; 
       } 
      }, 
    onComplete: function() { 
        if (Ajax.activeRequestCount === 0) { 
        // End loading... 
        .... 
        } 
       } 
});

來源

2012-07-10 17:22:49 Nullpo

完成這項工作......謝謝 – xain

這個怎麼樣的語法：

Event.observe(window, 'load', function() { 
    $(document.body).setStyle({ 
    cursor: 'wait' 
    }); 
});

這對我的作品，但它的事情是，你有兩種光標元素定義，或者有其他光標樣式（或許拖動項目或點擊鏈接）哪個重寫？

我想看看<body>標籤實際上是否使用類似Firebug或Chrome Developer Tools的應用程序。

來源

2012-07-04 19:46:02 artlung

感謝您的回覆，但沒有運氣。我不認爲這是一個風格問題......我之前提到過，它工作得很好。我最近添加了更多信息以防萬一。 – xain

@xain我如何複製你的設置？此代碼適用於我。可能你有這個代碼與其他東西進行交互？有關您嘗試過的更多信息將會有所幫助。 – artlung

我認爲在'等待'中設置光標之後，在'load'事件內部添加一個Ajax.Request會起作用。謝謝 – xain

-1

因爲，你已經在使用jQuery。

$('mytxt').observe('change', function() { 
    $("body").css("cursor", "wait"); 
}

來源

2012-07-10 07:57:08 Starx

任何錯誤，與此答案。請提供一些評論downvoter。 – Starx

使用Prototype.js更改瀏覽器光標

回答

相關問題