Endlosschleife in focusout jquery, nur in Chrome

Question

Ich habe zwei Eingang, ein statisch:

<input type="text" class="someclass" /> 

und andere dynamisch:

$("<input />", { 
    type: "number", 
    min: "0" 
}).addClass("someclass").appendTo($("#someid")); 

und dieser Code funktioniert gut in statischen Eingang:

$(document).on("focusout", ".someclass", function(){ alert("hello!");}); 

Aber für dynamische Eingabe generieren Endlosschleife mit der Warnung, dies nur in Chrome passieren, hat jemand eine Idee?

Fehler ist, wenn der Fokus auf den anderen Eingang mit der gleichen Klasse gehen

Answer 1

Wie Terry gesagt haben, ist der Alarm-Box nicht der beste Weg, um jede JS Problem zu beheben.

Das Ersetzen der Warnung mit console.log() zeigt, dass das Ereignis nur einmal in Chrome und anderen Browsern ausgelöst wird.

$("<input />", { 
 
    type: "number", 
 
    min: "0" 
 
}).addClass("someclass").appendTo($("#someid")); 
 

 
$(document).on("focusout", ".someclass", function() { 
 
    console.log("alert"); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="someclass" /> 
 
<div id='someid'> 
 

 
</div>

Siehe diese Antwort:

Ich denke, es ist, weil das der Browser jedes Mal, wenn Sie die Schaltfläche „OK“ des Alarms klicken Fokus von der Benachrichtigung auf Ihr Textfeld sendet, . Wahrscheinlich werden Sie in der finalen Version Ihres Codes keine Warnung (Methinks) ausgeben, so dass dies auf lange Sicht kein Problem darstellt.

https://stackoverflow.com/a/6869420/529024