jquery - 更改鼠标光标样式（Chrome）时如何避免选择元素内的跳转位置？

Question

我在我的网络应用程序中使用以下内容来提供反馈，即当前正在加载某些内容：

jQuery(document).ajaxStart(function(){
    jQuery('body').css('cursor', 'wait');
});
jQuery(document).ajaxStop(function(){
    jQuery('body').css('cursor', 'auto');
});

不幸的是，当涉及到选择字段时，这似乎在 Chrome (Linux v20) 中产生了不好的副作用：位置跳跃

你可以在这里看到它：http: //jsfiddle.net/Riesling/4QCL3/

有没有办法避免这种行为？

Answer 1

这是我当前的解决方法，但是由于我无法确定选项面板是否可见，因此在选择元素失去焦点之前不会更改光标。

function ajax_start() {
    if(jQuery(document.activeElement).prop('tagName').toLowerCase() == 'select') {
        window.setTimeout('ajax_start', 1000);
    } else {
        jQuery('body').css('cursor', 'wait');
    }
}