jquery - 如何在按返回键时停止加载功能

Question

我有一个登录表单，并且正在显示用于显示用户验证的加载图标....它做得很好，但是当我进入并按下返回键时，加载图标仍然存在......所以我怎样才能让它消失登录时永远好。

这是我的jQuery代码：

$(function(){

    $('.btn').click(function(){
        $('.load').show();

        });
    });

这是我在 html 中的 div

<div class="load" style="display:none;">
<img src="images/loading.gif"">Verifying user...</div>

那我该怎么做……有什么帮助吗？

Answer 1

您可以使用keycode检查用户是否按下backspace然后隐藏您的 div：

$(function(){
    $('.btn').click(function(){
        $('.load').show();
    });

    $('body').keyup(function(e){
        if(e.keyCode == 8){
            $('.load').hide();
        }
    });
}); 

Answer 2

我假设您在 click() 处理程序中有一个 AJAX 调用，对吗？然后我要做的是，在 AJAX 函数的成功回调中 - hide() 加载程序。

http://api.jquery.com/jQuery.ajax/

Answer 3

尝试这个

$(function(){
$('.btn').click(function(){
    $('.load').show();
});

$('body').keyup(function(e){
    var cc = (e.charCode) ? e.charCode : ((e.which) ? e.which : e.keyCode);
    if(cc == 8){
        $('.load').hide();
    }
 });
}); 

有些浏览器支持charcode，有些支持keycode，有些浏览器支持其中。

键码-IE, Chrome

其中——Mozilla

charcode-safari