javascript - 动态内容鼠标悬停

Question

我有一个动态生成的 html 内容:带有 class='dynamicWrap' 的 div。我需要处理鼠标悬停在这个元素上:

    $(document).on('mouseover', '.dynamicWrap', function() {
        console.log('test');
    });

问题是我看到“测试”200 次(我有 200 个带有 dynamicWrap 类的 div)。我如何才能只处理我悬停的确切 div 的一个事件？

Answer 1

$(document).on('DOMNodeInserted', function(e) {
    if ($(e.target).hasClass('dynamicWrap')) {
        $(e.target).mouseover(function() {
            console.log('test');
        });
    }
});

请注意，这需要在您开始动态添加新的 div 之前运行。