动态新增元素怎么绑定hover事件

Question

像click可以通过冒泡绑在父元素上，新增元素能监听到，但是hover要怎么办呢?
如果重新绑定就会重复绑定，
例如新增评论，那个新增元素的hover事件就会没绑到，要怎么解决好呢?

Answer 1

在父元素上绑定 mouseenter 和 mouseleave 事件来模拟 hover 事件，通过子元素的某些标识（如，class）决定是否触发子元素的事件。或者直接用 jQuery 提供的接口。

container.addEventListener('mouseenter', function (e) {
    if (e.target.className === 'example') {
        // do something
    }
})

Answer 2

hover不属于JavaScript规定的事件，只是jquery实现的一个方法。

其实现是这样的：

jQuery.fn.extend( {
    hover: function( fnOver, fnOut ) {
        return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
    }
} );

也就是绑定mouseenter和mouseleave事件，所以你可以从这两个事件入手。