多个条件都满足如何弹窗

Question

有没有办法在所有 div 得到 'onmouseovered' 时弹出弹出窗口？

function moveOver(obj)
            {
                obj.innerHTML = "POP!!!"
                obj.style.color = "#ff0000"
                obj.style.background = "transparent"
                if ()
                {
                    alert("There is no circles left!")
                }
            }

我基本上有 12 个圆圈，当您将鼠标移到它们上面时会弹出，有没有办法制作一个弹出窗口，上面写着“没有剩余的圆圈！”在我将鼠标悬停在第 12 个圆上之后？

Answer 1

添加一个class到元素

obj.classList.add("popped");

并检查长度

if (document.querySelectorAll(".popped").length === 12) {

Answer 2

您需要存储每个人都获得鼠标悬停事件这一事实。你可以给每个圆一个唯一的class，然后鼠标悬停在偶数上，你可以添加一个class来标记它。然后，您只需检查是否还有 none 未标记的剩余内容。

function moveOver(e) {
  let circle = e.target;
  circle.innerHTML = "POP!!!";
  circle.classList.add('popped');
    if (!document.querySelectorAll('.circleClass:NOT(.popped)').length) {
        alert("There is no circles left!");
  }
}

  .popped {
    circle.style.color = "#ff0000";
    circle.style.background = "transparent";
  }

多个条件都满足如何弹窗

How to make a pop-up if multiple conditions are satisfied

javascript

alert

onmouseover