javascript - 使用 Mootools 选择 iframe 内容中的元素？

Question

有没有一种方法可以使用 Mootools 选择器来选择 iframe 内容中的元素？

$('#myIframe input').addEvent('focus', function() {
    // Do something
});

提前致谢!

Answer 1

如果 iFrame 在同一个域中，并且您在其中使用 Mootools，您可以尝试:

$('myIframe').contentDocument.getElements('input').addEvent(

Example

否则试试这个:

$('myIframe').contentDocument.querySelector('input').addEventListener(

Example

---

编辑:

如果您想捕获 load 事件，然后添加 focus 监听器，您可以使用:

var iframe = new IFrame({
    src: '/RN95f/3/show',
    styles: {
        border: '2px solid #ccf'
    },
    events: {
        load: function () {
            alert('The iframe has finished loading.');
            this.contentDocument.getElements('input').addEvent('focus', function () {
                // Do something
                alert('focus on input detected!');
                console.log(this);
            });
        }
    }
});
$(document.body).adopt(iframe);

Example