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

这是我当前的解决方法，但由于我不能detect for sure if the options panel is visible or not，否则在select元素失去焦点之前不会更改光标。

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

更改鼠标光标样式（Chrome）时如何避免在select元素中跳转位置？

1 个答案: