javascript - これは JS の無限ループですか?

Question

入力 type='text' があり、jQuery を使用して、このテキスト ボックスがぼやけるたびに、テキスト ボックスに css('background', 'red') を適用します。問題は、puttinalert('test')でコードをデバッグしようとして、ダイアログで [OK] をクリックすると、同じ「テスト」ダイアログが表示され続けることです。

これは、[OK] をクリックするとテキスト ボックスがぼやけていると見なされるという事実によるものですか、それとももっと深刻なことなのでしょうか? 前もって感謝します。

$('#input').blur(function(){
       $(this).css('background','red');
       alert('test');
}

Answer 1

アラートの代わりにコンソールでデバッグする必要があります。

$('#input').blur(function(){
       $(this).css('background','red');
       console.log('test');
});

ほとんどのブラウザーで F12 キーを押すと、コンソールが表示されると思います。

Answer 2

代わりにこれを行う

$('#input').blur(function(){
       $(this).css('background','red');
       console.log('test');
});

Answer 3

あなたのコードは正常に動作します。

何度も何度もぼかしイベントを取得すると、要素をぼかしに再び焦点を合わせているように聞こえます。

Answer 4

無限ループではありません。アラートを閉じると、単にイベントがディスパッチされます。

代わりに使用してみてconsole.log("test")、ブラウザのコンソールを見てください。

ありがとう。

Answer 5

コードのエラー:);欠落

$('#input').blur(function(){
       $(this).css('background','red');
       alert('test');
});

あなたのコードはうまくいきます。