无法添加事件侦听器

Question

我可以在下面的代码中为blank添加事件侦听器，但不能添加到twitter。

const blank = window.open();
const twitter = window.open("https://twitter.com");

const PrintClick = function (name) {
    return function (...args) {
        console.log(name, ...args);
    };
};

blank.addEventListener("click", PrintClick("blank"));
twitter.addEventListener("click", PrintClick("twitter"));

是不是因为twitter做了一些事情不让我这么做？有办法绕过它吗？

Answer 1

大多数浏览器不支持多个弹出窗口，因此为了实现这一点，需要尝试使用：

window.open(yoururl,"_blank",'PopUp',randomnumber,'scrollbars=1,menubar=0,resizable=1,width=850,height=500');

或者为每个窗口指定一个新的窗口名。

window.open(url, WindowName)

您不能使用JavaScript添加具有不同来源的事件侦听器，如果您可以这样做，这将是一个巨大的安全缺陷。对于主域同源策略，浏览器会阻止试图访问具有不同原点的帧的脚本。

如果地址的以下部分中至少有一部分未保留，则认为来源不同：

<protocol>://<hostname>:<port>/...

如果要访问帧，则协议、主机名和端口必须与域相同。

下面是从http://www.example.com/home/index.html

URL                                             RESULT 
http://www.example.com/home/other.html       -> Success 
http://www.example.com/dir/inner/another.php -> Success 
http://www.example.com:80                    -> Success (default port for HTTP) 
http://www.example.com:2251                  -> Failure: different port 
http://data.example.com/dir/other.html       -> Failure: different hostname 
https://www.example.com/home/index.html:80   -> Failure: different protocol
ftp://www.example.com:21                     -> Failure: different protocol & port 
https://google.com/search?q=james+bond       -> Failure: different protocol, port & hostname 

不推荐

我将链接相关的答案。但是，请记住，禁用同源策略只会影响浏览器。此外，在禁用同源安全设置的情况下运行浏览器会授予任何网站访问跨源资源的权限，因此这是非常不安全的，如果您不确切知道自己在做什么（例如开发目的），则不应这样做。

• 谷歌浏览器

Answer 2

出于安全原因，浏览器会禁用您不拥有的域之间的任何交互。想象一下你能用它做什么。

Answer 3

AdvestListEnter只能监听当前页面的DOM对象，可以考虑SeleFieldFramework操作