懸停突出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忽略鼠標事件，並傳播他們通過自身的基礎元素。

這在一些瀏覽器中有問題，並可能有意想不到的副作用。請在使用文檔之後負責任地使用。