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");
        }
    }
);

需要建议。谢谢

Answer 1

首先，您应该使用on() 其次，你不应该使用hover事件 第三，委托给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");
});