按任意字母后显示加载gif

时间:2012-10-14 18:06:17

标签: php javascript forms

我试图在表单上按某个键后显示加载的gif。

我有这个代码。 当我按下一个键时会显示图像,但如果你没有按任何东西,仍会显示..... 我想要的东西,当我按下一个键时,imagen显示,当我停止按键时,imagen停止显示

<html>
<head>
    <script type="text/javascript" src="jquery-1.8.2.min.js"></script>  
</head>
<body>
    Enter your name: <input type="text" id="fname" onkeyup="displayResult()">
    <img src="ajaxload.gif" id="load" style="display: none">
    <script>
        function displayResult()
        {
            $("#load").show();
        }
    </script>
</body>

提前致谢

1 个答案:

答案 0 :(得分:1)

这应该有效:

$('#fname').keydown(function(){$("#load").show();});
$('#fname').keyup(function(){$("#load").hide();});

尽量避免使用内联事件处理程序。

Here是一个无所事事的小提琴。我没有你的形象所以我用了一个div。