检测对嵌入式网页的点击

Question

假设我在网站上有一个嵌入式网页（例如：www.en.wikipedia.org/wiki/Pulsar）。用户点击文章内的超链接（例如： https://en.wikipedia.org/wiki/Extrasolar_planet)。

当用户单击原始文章（“Pulsar”）中的条目时，我想要一个显示文章名称（在本例中为“系外行星”）的框架

我怎么知道用户点击了什么？

编辑：在看到许多示例后，我尝试这样做，但效果不佳。

<iframe width="940" height="550" src="http://en.wikipedia.org/wiki/Special:Random">    </iframe>


<script>
(document.getElementsByTagName('iframe').contentWindow.document).keydown = function() {
alert("Hello World")
})
</script>

Answer 1

这不起作用，因为您使用的是getElementsByTagName，它返回一个数组。请改用getElementById 或getElementsByTagName('iframe')[0]。

Answer 2

contentWindow 是iframe 的window 对象。这里你想要iframe的document：

$(document.getElementById('iframe_id').contentWindow.document).keydown(function() {
    // my func
});

或

  $(document.getElementById('iframe_id').contentWindow.document).click(function() {
        // my func
    });