0 
<iframe src="www.google.com" id="iFrame" ></iframe>

现在我希望用户能够在 10 秒后单击此框架或此框架中的任何内容

加号是可能的，因此在 2 秒后，例如在用户单击框架以更改框架高度之后

<script>$("#button2").click(function(){
  $("#frameID").animate({
    height: "720px"
  }, 1500 ); // how long the animation should be
});

</script>

我这个脚本只在他们点击框架后 2 秒后运行

4

2 回答 2

1

这是一个非常奇怪的用例，但这是解决您的问题的一部分：

在 iframe 上使用 CSS 覆盖元素opacity: 0以防止其获得点击。10 秒后移除该元素。

如果 iframe 不在同一个域下，我认为它不是 - 你指向 google.com，你不能在 iframe 内收听事件contentDocument。iframe 需要与父文档在同一个域下，或者您需要它发送window.postMessage带有其内部状态的事件，以便您可以更改 iframe 的尺寸。

于 2013-02-01T13:13:10.317 回答
0

首先禁用 iframe：

window.onload = function () {
    var iframes = document.getElementsByTagName('iframe');
        var iframe = iframes[0],
            d = document.createElement('div');
        d.style.width = iframe.offsetWidth + 'px';
        d.style.height = iframe.offsetHeight + 'px';
        d.style.top = iframe.offsetTop + 'px';
        d.style.left = iframe.offsetLeft + 'px';
        d.style.position = 'absolute';
        d.style.opacity = '0';
        d.style.filter = 'alpha(opacity=0)';
        d.style.background = 'black';
        d.setAttribute("id", "blockDiv");
        iframe.offsetParent.appendChild(d);
};

然后10秒后取出

setTimeout(function() {
    $('#blockDiv').remove();
}, 10000);

“加号是可能的，例如在用户单击框架以更改框架高度后 2 秒后”

在您的示例中这是不可能的。您可以做的是在用户将鼠标移到 iframe 上时更改宽度。

于 2013-02-01T13:19:25.323 回答