Javascript 单击iframe上的事件'；行不通

我有一个I帧，如果用户单击iframe，我需要获得x和y坐标。如果我在控制器中使用此代码：

 $('iframe').attr("src","JavaScript:'iframe content test'");

一切正常。但当我在html中使用此代码时，警报不会显示

<iframe id="iframe" ng-src="{{pdfFile}}" style="width:100%; height:800px; margin-top:20px;"></iframe>

---

由于iframe主体位于另一个DOM中，我认为它不会工作。谢谢。我需要做哪些更改才能使其工作。如果我像这样更改代码：。只有在没有加载pdf文件的情况下才有效pdf不是html文件。pdf不会有DOM，但我怀疑让父iframe查询子iframe的DOM可能是一个安全漏洞。聪明的事情可以通过

postMessage（）

完成。@charlietfl如果你有答案，请分享。

 $('iframe').load(function () {
    $(this).contents().find("body").on('click', function (event)
    {
        console.log(event);
        alert('test ' + event.clientX + " -- " + event.clientY);
    });
});