Javascript Iframe内图像上父页面的绑定单击事件

我的父页面

abc.html

具有如下功能

function displayImageDialog(path){
  //alert(path);
}

和HTML代码

<iframe src="xyz.html"  onLoad="javascript:onloadCall();" name="loadpageframe" id="loadpageframe"></iframe> 

我根本不想在IFrame中修改我的页面。因此我正在搜索解决方案

$(function(){
 var frm = window.frames["loadpageframe"].window;//if iframe is test

  $(frm).find("img").on("click",function() {
      $(this).attr('title','sometext');
   // do something 
  });
});

---

将此代码放在iframe之外

嗨，请在我这边尝试此工作

function onloadCall(){
var $currIFrame = $('#loadpageframe');
var img = $currIFrame.contents().find("img");
for(var i=0;i<img.length;i++){
    img[i].title='Click to enlarge';
    img[i].onclick = function(){
        alert('hi');
        displayImageDialog($(this).attr('src'));
    };
    //TODO click event code to pass img src attribute to
    // function displayImageDialog(src)

   }  
}

function displayImageDialog(src){
alert(src);

}

函数onloadCall（）{
var$currIFrame=$（“#loadpageframe”）；
var img=$currIFrame.contents（）.find（“img”）；
对于（var i=0；i您到底想做什么？我想在图像单击的对话框中显示图像OK让我为您创建一个演示检查这个放在哪里？如果在onloadCall中，它不起作用
function onloadCall(){
var $currIFrame = $('#loadpageframe');
var img = $currIFrame.contents().find("img");
for(var i=0;i<img.length;i++){
    img[i].title='Click to enlarge';
    img[i].onclick = function(){
        alert('hi');
        displayImageDialog($(this).attr('src'));
    };
    //TODO click event code to pass img src attribute to
    // function displayImageDialog(src)

   }  
}

function displayImageDialog(src){
alert(src);

}