聚合物：阻止兒童切換鼠標輸入/輸出事件

Question

我有一個聚合物組件，其中有聽衆on-mouseenter和on-mouseout。

listeners: { 
    mouseenter: 'mouseEnter', 
    mouseout: 'mouseOut', 
} 

和：

mouseEnter: function (e) { 
    console.log('\n\nENTER'); 
    this.$.deleteBtn.style.display = 'block'; 
}, 

mouseOut: function (e) { 
    console.log('\n\nOUT'); 
    this.$.deleteBtn.style.display = 'none'; 
} 

內部的多個其它元件。

問題是，這些事件觸發了所有子元素，而不僅僅是父容器。特別是mouseout似乎觸發多次。 我只想讓他們在主持人進入或退出時被觸發，而不是所有的個人孩子。否則會引起各種意想不到的行爲。

這可以解決，如果我沒有使用聚合物聽衆，但因爲我想是一致的，並有適當的範圍，這不是一個真正的選擇。 我錯過了什麼？

Answer 1

您應該使用mouseleave而不是mouseout，因爲每個子元素都會觸發mouseout。

有關詳細信息，請參見here和here。