jQueryでのキーアップの問題

Question

keyup関数についてnoobie質問があります。文書が準備できていれば、idが "testdiv"のdivは空ではないはずです。あなたが本当にキーアップすれば、私はtestdivを空にしておきたい。私はこのような小さなスクリプトを作った：

<script> 
    $(document).ready(function(){ 
     $('#test:input').keyup(function() { 
      $('#testdiv').empty();    
     }).keyup(); 
    }); 
</script> 
<input type="textfield" id="test" value="test123"/> 
<div id="testdiv">Test</div> 

私はそれをバインドする必要がありますか？この初心者の質問に申し訳ありません。

よろしく、

フランク

Answer 1

$('#test:input').keyup(function() { 
    $('#testdiv').empty();    
}).keyup(); 

これは、 "すぐにそれをトリガーし、その後、keyUpイベントハンドラをバインドする" と言います。 2番目のkeyup呼び出しがハンドラをトリガします。あなたはそれがすぐに解雇したくない場合は、それを削除します。

$('#test:input').keyup(function() { 
    $('#testdiv').empty();    
}); 

Answer 2

このライン：

}).keyup(); 

を...すぐにあなたがkeyUpイベント用に定義された関数を実行します。あなたはそれを望んでいません。

$(document).ready(function(){ 
    $('#test:input').keyup(function() { 
     $('#testdiv').empty();    
    }); 
});