悬停突出div在jQuery

Question

我想<div>突出您的选择的原因是因为效果需要在许多类型的元素。

我想要发生的是，高光div将被鼠标事件完全忽略。

据我所知，唯一的方法就是使用trigger()。

$('#hover').mouseenter(function(){ 
    // that refers to the element below it. 
    $(that).trigger('mouseenter'); 
}); 

然而，悬停亮点DIV本身已被被激活的mouseenter以及：

$('.item').bind('mouseenter.hover', function() { 
    hoverEffect(this);  
}) 

这里是一个jsfiddle。

如何触发mouseenter.hover的所有mouseenter事件，除了？

或者，我如何让div被完全忽略所有鼠标事件？所以它只会听它下面的那个。

谢谢你的时间。

Answer 1

你可以尝试使用Pointer-Events CSS属性，像这样：

#hover{ 
    pointer-events: none; 
} 

这会教#hover忽略鼠标事件，并传播他们通过自身的基础元素。

这在一些浏览器中有问题，并可能有意想不到的副作用。请在使用文档之后负责任地使用。