javascript - 如何捕获对焦点更改时隐藏的临时层上的链接的单击

Question

我们有一个层，当某个文本输入获得焦点时出现，当输入失去焦点时它应该消失。我试着这样做:

<input type="text" onblur="document.getElementById('hideme').style.display='none'" />
<div id="hideme">Textextext <a href="http://disney.com/">disney</a> text</div>

我的问题是:当用户点击链接链接时，浏览器并没有跟随这个链接。在浏览器检查点击位置之前，该层似乎消失了。我可以在这里做什么？

一个想法是观察鼠标是否进入hideme div 并且当鼠标光标在那里时不关闭它，但这似乎很复杂。你有更好的主意吗？

顺便说一下:您可以很容易地尝试一下，只需将其粘贴到 w3schools 的 Tryit Editor 中即可。 :-)

Answer 1

想到的第一个解决方案是使用 setTimeout 函数:

<input type="text" onblur="setTimeout('document.getElementById(\'hideme\').style.display=\'none\'', 100)" />

---

没有奇怪的斜线:

function hidemeWithDelay() {
    setTimeout("document.getElementById('hideme').style.display='none'", 100);
}  

<input type="text" onblur="javascript:hidemeWithDelay();" />