javascript - 使用 Prototype.js 更改浏览器光标

Question

我在加载页面时更改光标时遇到问题；我的代码是:

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

更新:好的，它确实改变了光标，但是由于在 Ajax 循环之后有一个 document.body.style.cursor = 'default';，它会立即改变它，所以我猜是是线程问题。在这种情况下有什么提示吗？

Answer 1

你试过吗？

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