iframe上的点击事件？

Question

我有一个简单的iFrame ...... 

<iframe src="url" width="980px" height="90px" id="inviteFrame" name="inviteFrame" scrolling="no"></iframe>

我知道我无法在框架内的元素上捕获点击事件,但是如何在iFrame本身上进行简单的点击或mousedown？

$('#inviteFrame').click(function() {
    console.log('test');
    $(this).attr('height', '140px');
});

这对我不起作用!

Answer 1

jQuery有一个名为.contents()的方法,当在iframe元素上使用时会返回iframe的文档.

// Get a reference to the iframe document
var iframeDoc = $('#inviteFrame').contents().get(0);

现在,您可以将事件绑定到它,获取维度,获取各种元素的样式等:

// Get width of iframe document
$(iframeDoc).width();

// Get height of iframe document
$(iframeDoc).height();

// Bind event to iframe document
$(iframeDoc).bind('click', function( event ) {
    // do something
});

// Get the style of an element in the iframe
$('div', iframeDoc).css('backgroundColor');