Question

我一直在解决这个问题。

Page 1

<iframe id="block" src="page2.html" tag> </iframe>

如果我悬停的元素有某个标记，我想将鼠标悬停在iframe中并触发事件。

$("*").hover(function(){
    var attr = $(this).attr('name');
    if (typeof attr !== typeof undefined && attr !== false) {
        return; //do something
    }
});

我尝试了很多东西，但他们似乎都想要一些不同的东西，我理解从父类激发一个事件。我似乎不知道如何做到这一点。我想要的结果：

我将iframe悬停在具有tag
我在iframe的结尾处得到了回复，我可以进一步使用

我觉得我非常接近，但我只需要一小段连接代码，希望有人可以解释我需要什么。

Answer 1

只要你在同一个域名（你是），就有一个简单的方法：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<iframe id="block" src="page.html" onload="test()"></iframe>
<script>
function test() {
    var iframe = document.getElementById('block');
    var doc = iframe.contentDocument || iframe.contentWindow.document;
    var element = doc.getElementById('hover');
    $(element).hover(function() {
        element.append("It's working!\n");
    });
}
</script>

实例：http://tras.pw/beta/SOverflowJS/

Iframe中的事件

1 个答案: