動的に追加された入力ボックスでJQueryがホバーイベントを実行できません

Question

動的に追加された入力フィールドでホバー操作を実行するように結び付けています。

$("body").delegate("input", "hover", function(event) { 
    alert("ok"); 
}); 

また、静的フィールドに対してのみ使用していますが、動作します。

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

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

ニードsuggestions.Thanks

Answer 1

まず、あなたがon()を使用する必要があります。
第2に、hoverイベントを使用しないでください。
第3に、documentに委任してください。bodyではなく、最も近い静的な親要素に委任してください。

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

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

Answer 2

は、この記事を見てみましょう。この

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