我有一个Polymer组件,其中包含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
似乎多次触发。
我只希望在主机进入或退出时触发它们,而不是所有个别孩子。否则会导致各种意外行为。
如果我没有使用Polymer侦听器,这可以解决,但是因为我希望保持一致并具有适当的范围,所以这不是一个真正的选择。 我错过了什么?