如何为动态DOM元素向鼠标输入鼠标添加事件

Question

我为DOM元素管理鼠标悬停和鼠标移出,

$(".selector").hover(function(){
    console.log('in');
},function(){
    console.log('out');
});

但它不适用于动态内容,我如何为动态元素做同样的事情.

Answer 1

您可以使用该.on()方法.Nnote hover是一个简写mouseenter和mouseleave事件,而不是mouseover和mouseout事件.

此外,在性能方面,最好选择一个结束静态父元素而不是document对象.

$(document).on({
    mouseenter: function() {
       console.log('in');
    },
    mouseleave: function() {
       console.log('out');
    }
}, '.selector');