javascript - Chrome/Firefox 的鼠标输入/离开 Polyfill

Question

mouseenterIE 事件/ （或 jQuery 事件的转换）是否有 polyfill，mouseleave以便可以绑定到原始 JS 事件？

IE 我有一个跨浏览器的方法来做到这一点：

node.addEventListener('mouseenter', function() {
    ...
});

node.addEventListener('mouseleave', function() {
    ...
});

我知道应该可以使用以下自定义事件：

var event = new Event('mouseenter');
node.addEventListener('mouseenter', function (e) { ... });
node.dispatchEvent(event);
etc

Answer 1

好的，似乎我想出了如何做到这一点：

http://jsfiddle.net/HXwJH/5/

node.addEventListener('mouseover', function() {    
    if (!event.relatedTarget || (event.relatedTarget !== this && !(this.compareDocumentPosition(event.relatedTarget) & Node.DOCUMENT_POSITION_CONTAINED_BY))) {
        this.dispatchEvent(new Event('mouseenter'));
    }
});

node.addEventListener('mouseout', function() {    
    if (!event.relatedTarget || (event.relatedTarget !== this && !(this.compareDocumentPosition(event.relatedTarget) & Node.DOCUMENT_POSITION_CONTAINED_BY))) {
        this.dispatchEvent(new Event('mouseleave'));
    }
});