Question

我有两个div元素，其中一个代表帖子（状态帖子），另一个代表删除按钮以删除帖子。删除按钮只能在表示帖子的div元素的mouseover事件中显示。它也应该在删除按钮本身的鼠标悬停事件中显示，因为它位于帖子中。

document.getElementById('statusPost').addEventListener('mouseover', function(event){
   var deleteButton = document.createElement('div');
   deleteButton.id = 'deleteButton';
   deleteButton.className = 'deleteButton';
   this.appendChild(deleteButton);
},false);

document.getElementById('statusPost').addEventListener('mouseout', function(event){
   this.removeChild(deleteButton);
},false);

现在的问题是，在删除按钮上鼠标悬停时，删除按钮开始闪烁？删除按钮位于帖子中，如facebook。就像在删除按钮上的鼠标悬停一样被视为表示帖子的div元素的mouseout。这就是它开始眨眼的原因。这至少是我的想法。我如何解决这个问题，如果鼠标悬停在帖子内的删除按钮上，它会停止闪烁？

Answer 1

您是否需要从DOM中删除删除按钮，还是可以隐藏它？如果可以的话，最好只使用CSS方法：

.deleteButton
{
    display: none;
}
.statusPost:hover .deleteButton
{
    display: block;
}

帖子中的鼠标悬停按钮开始闪烁？

1 个答案: