jquery - 使用jquery从iframe获取点击事件

Question

如何从我使用 jquery 放置 iframe 的网页中的 iframe div 获取点击事件？

Answer 1

使用jQuery contents与 iframe 内容交互。

var frame = $('<iframe />').appendTo('body');  // create the iframe and append it to the body
var frameBody = frame.contents().find('body'); // grab the body node
frameBody.append('<div />');                   // add a div
frameBody.find('div');                         // retrieve the div

如果您从 URL 加载 iframe，请确保遵守同源策略，并等待 iframe 加载:

frame.load(function(){
    var frameBody = frame.contents().find('body');
    frameBody.find('div').click(function(){
        // here is the iframe div click callback
    }); 
});