通过图层/ div转发鼠标事件

Question

有没有人知道jQuery或本地JavaScript方式通过图层启用鼠标事件？例如,启用a下面的链接div.

在我的情况下不能使用的其他解决方案:

• 一个简单的方法,虽然使用不是真的支持pointer-events(编辑截至2017年,广泛支持)
• ExtJS解决方案

Answer 1

你可以做到这一切,或者你可以将这个CSS用于该div:

pointer-events: none

Answer 2

我做过一次.这是代码:

quickDelegate = function(event, target) {
            var eventCopy = document.createEvent("MouseEvents");
            eventCopy.initMouseEvent(event.type, event.bubbles, event.cancelable, event.view, event.detail,
                event.pageX || event.layerX, event.pageY || event.layerY, event.clientX, event.clientY, event.ctrlKey, event.altKey,
                event.shiftKey, event.metaKey, event.button, event.relatedTarget);
            target.dispatchEvent(eventCopy);
            // ... and in webkit I could just dispath the same event without copying it. eh.
        };

请注意,我只针对新版本的Firefox和Chrome.

Answer 3

当您将鼠标悬停在 div 上时，您可以尝试使用 jquery 更改该 div 的 z-index，以便在将鼠标悬停在该 div 上时链接暂时位于该 div 上方。