我试图在表单上按某个键后显示加载的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>
提前致谢
答案 0 :(得分:1)
这应该有效:
$('#fname').keydown(function(){$("#load").show();});
$('#fname').keyup(function(){$("#load").hide();});
尽量避免使用内联事件处理程序。
Here是一个无所事事的小提琴。我没有你的形象所以我用了一个div。