javascript - 仅当鼠标悬停在元素上一段时间后才能触发鼠标悬停事件

当用户将鼠标放在按钮上一段时间后，我想更改按钮的背景。我想改变背景只有当鼠标留在图像上一整秒才会错误地鼠标越过按钮。

我使用了以下代码，但遗憾的是没有结果。你能告诉我哪里弄错了吗？

<html>
<script>
  var stillmouseover=0;

  function bcAnimation(y){  
    setTimeout(   function(){if (y.addEventListener('mouseover')) {stillmouseover = 1; } }, 2000);
    if (stillmouseover == 1) { y.style.backgroundColor = "Red";  }
  }
</script>

<body>
<button id='x' onmouseover="bcAnimation(this);" style="width:100;height:100;border:2;">i</button> <br> <br>
</body>
</html>

仅当鼠标悬停在元素上一段时间后才能触发鼠标悬停事件

0 个答案: