javascript - onblur 不工作但 onclick 是

Question

我正在尝试使用 onblur 使主页按钮在滚动离开特定链接时出现。
这是正文中的代码。

<div id="lynx">
      <a href="#resume" onblur="btnDisplay()"><h3>Resume</h3></a>
      <a href="#projects"><h3>Projects</h3></a>
      <a href="#connect"><h3>Connect</h3></a>
 </div>

这是通过 onclick 调用时起作用的函数。

<script type = "text/javascript">
    function btnDisplay() {
            document.getElementById("homeBtn").style.display = "block";
    }
</script>

使用 onblur 是否有一些我没有得到的技巧？

Answer 1

您要查找的事件可能是onmouseup。 Onblur 在文本框上可用。当您取消选择它们时，将调用模糊函数。

对于 anchor 标记，您可以使用 click、mousedown 或 mouseup。

如果您希望在窗口滚动离开时发生某些事情，您必须跟踪 onscroll 事件，该事件在 window 对象上可用。

这是一个简单的实现:

window.onscroll = function() {
   var position = window.scrollY;
   if (position > positionofObject){
       // do work.
   }
}