iframe在鼠标悬停时只加载一次？

Question

我设法通过DynamicDrive合并iframe大小调整脚本，它运行良好。

http://www.dynamicdrive.com/dynamicindex17/iframessi2.htm

我将其设置为仅在鼠标悬停时加载..

onmouseover="javascript:loadintoIframe('myframe', 'http://mysite.com/page.php)"

但是，我需要它只加载一次而不是每次悬停时重新加载。

我试过这个，但我想我必须添加一些东西到javascript但不确定。

onclick="this.value = '';this.onclick=null;"

Answer 1

我想如果你想将onmouseover处理程序作为属性进行delcared，你可以试试：

onmouseover="javascript:if(loadintoIframe) {loadintoIframe('myframe', 'http://mysite.com/page.php); loadintoIframe=null;}"

第二次被调用时，它什么都不做

就个人而言，我更喜欢使用Unobtrusive JavaScript

Answer 2

如果你使用jQuery，你可以这样做......

$('element').bind('mouseover', function(event) { 
   // load your iframe here 
   $(this).unbind(event);
});

以下内容也适用...

$('element').one('mouseover', function() { 
    // load your iframe here 
});