onblur不工作但是onclick是

时间:2015-08-06 01:16:14

标签: javascript html onblur

我尝试使用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是否有一些技巧我没有得到?

1 个答案:

答案 0 :(得分:3)

您正在寻找的事件可能是onmouseup。 Onblur可在文本框中使用。当您取消选择它们时,将调用模糊功能。

对于锚标记,您可以使用click,mousedown或mouseup。

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

这是一个天真的实现:

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