javascript - 如何在悬停事件上打开包含可点击内容的弹出窗口

Question

我目前正在处理传单。

我正在尝试创建一个包含可点击内容的弹出窗口。

现在我找到了如何将点击事件上的弹出窗口与内容绑定(bind):

marker.on('click', function(e){
     marker.bindPopup("<div />").openPopup();
}

我发现了如何在悬停时创建弹出窗口:

marker.on('mouseover', function(e){
    e.target.bindPopup("<div />").openPopup();

    }});        

marker.on('mouseout', function(e){  
    e.target.closePopup();

}});

现在我似乎无法做的是让弹出窗口保持打开状态，以便用户单击弹出窗口内的链接。 我将不胜感激任何帮助。

Answer 1

一种方法是这样的http://jsfiddle.net/cxZRM/98/ 基本上，它是在您的设置中添加一个计时器，并且您仅在经过任意长时间后才关闭弹出窗口，以便给用户一些时间在您的 div 上进行交互。

marker.on('mouseover', function(e){
    e.target.bindPopup("dsdsdsdsd").openPopup();
    start = new Date().getTime();
  });        

marker.on('mouseout', function(e){  
    var end = new Date().getTime();
    var time = end - start;
    console.log('Execution time: ' + time);
    if(time > 700){
    e.target.closePopup();
    }
});

更好的方法是使用 http://jsfiddle.net/AMsK9/ 确定鼠标位置并在鼠标仍在弹出窗口周围区域内时保持弹出窗口打开。