Question

我在表格中有一个文本显示一个弹出文本onmouseover，这个弹出窗口在onmouseout后1秒消失。

如果将鼠标移动到弹出窗口上（即，如果鼠标移离原始表格文本但移出弹出窗口），我希望此弹出窗口不会消失。我想要实现的一个例子可以在http://www.pnas.org/content/current中看到，向下滚动一点并将鼠标放在文章标题上。我可以在弹出窗口中包含一个函数来阻止其关闭吗？我知道几乎所有事情都可以实现，但我是业余新手，所以如果解决方案很复杂，不要浪费你的时间。

弹出窗口的代码：

var popup;
function lopen() {
if (this.element == null) {
  this.element = document.createElement('div');
  this.element.id = "myPopup";
  this.element.innerHTML = "new text";
  this.element.style = "position: absolute; top: 650px; left: 400px; width: 200px; height: 200px; background-color: #ccc;";
}
document.body.appendChild(this.element);
} 

var timeoutID;
function delayedlclose() {
   timeoutID = window.setTimeout(lclose, 1000);
}  
function lclose () {
   document.body.removeChild(this.element);
}

显示弹出窗口的链接位于html表格中：

<tr><td><a onmouseover="lopen()" onmouseout="delayedlclose()">Show</td></tr>

Answer 1

您可以将onmouseout事件处理程序从<a>移至<div id='myPopup'>

防止临时弹出窗口关闭onmouseover

1 个答案: