Question

是否存在任何阻止我向window.open（）调用产生的窗口添加事件监听器的内容？

我正在尝试设置一个处理函数，以便在新文档的可见性更改事件上触发，但是不会调用此处理函数。

Answer 1

没有任何东西可以阻止你这样做（只要您打开的窗口与父/开启窗口在同一个域中;想象一下，如果不是＆＃，恶意人可以做什么？ 39;案例）。一旦你拥有了那个新窗口的window对象，那么你可以做任何你想做的事情。 window.open()返回新窗口的window对象：

// * All of this code is happening inside of the parent window,
// * but you can also 'inject' scripts into the new window if you wish.

// window.open() returns the new window's window object
var newWin = window.open('http://stackoverflow.com');
// Run all of your code onload, so you can manipulate the 
// new window's DOM. Else, you're just manipulating an empty doc.
newWin.onload = function () {
    // `this`, in this context, makes reference to the new window object
    // You can use DOM methods, on the new document, with it.
    var myElem = this.document.getElementById('custom-header');
    console.log("Window object: ", this);
    console.log("Window's location: ", this.location.href);
    console.log("Id of element in new window: ", myElem.id);
    // Attach a click event to the new document's body
    this.document.body.onclick = function () {
        // `this`, inside of a listener, is the element itself
        // but this console.log will log inside of the parent window
        console.log(this);
        this.style.transition = 'all 1s';
        this.style.opacity = 0;
    };
    this.document.body.addEventListener('click', function () {
        // Now, let's log inside of the new window.
        // Since in here, this === this.document.body,
        // then you'll have to use the newWin var we set before.
        // newWin is the window object.
        newWin.console.log('Logging in new window!');
    });
};

Javascript：为在新窗口中打开的文档添加事件监听器

1 个答案: