0

フォームのキーを押した後、読み込み中のgifを表示しようとしています。

私はこのコードを持っています。キーを押すと画像が表示されますが、何も押さなかった場合でも表示されます.....キーを押すと画像が表示され、キーを押すのをやめると画像が停止します。表示中

<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>

前もって感謝します

4

1 に答える 1

1

これは機能するはずです:

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

インラインイベントハンドラーは避けてください。

これがあなたがやりたいことをするフィドルです。私はあなたの画像を持っていないので、代わりにdivを使用しました。

于 2012-10-14T18:10:08.153 に答える