JQuery konnte keine Hover-Ereignisse auf dynamisch hinzugefügten Eingabefeldern ausführen

Question

Ich habe eine Hover-Operation für dynamisch hinzugefügte Eingabefelder durchgeführt.

Auch versucht mit, funktioniert aber nur für statische Felder.

$('input').hover(
    function(event) { 
     alert("bring tooltip"); 
    }, 

    function(event) { 
     if (hasfocus) { 
      alert("Keep the tooltip"); 
     } 
    } 
); 

Need suggestions.Thanks

Answer 1

Zunächst sollten Sie on() werden.
Zweitens sollten Sie kein hover Ereignis verwenden.
Drittens, delegieren Sie an die document, nicht die body, oder vorzugsweise nur das nächste statische Elternelement.

$(document).on({ 
    mouseenter : function() { 

    }, 
    mouseleave : function() { 
     if (this === document.activeElement) { 
      // has focus 
     } 
    } 
}, 'input'); 

Answer 2

versuchen diese

$("input").on("hover",function(event){ 
    alert("bring tooltip"); 
});