javascript - 我想使用 javascript 在 DOM 上附加 `onclick`

Question

这个问题已经有答案了:

How to add click event to an element? (4 个回答)

已关闭 5 年前。

每当我打开正在处理的页面时，该页面都会使用 javascript 生成大量 dom，每个 dom 如下所示:

<span class="link img">text</span>

假设我将其中一个分配给名为 a 的变量，暂时的。

我还有另一个函数，就是将它们中的每一个都放入，包括 a ，一个onclick事件，应该写在 HTML 代码页面中，这样我就可以存储整个页面并稍后加载。

它附加的时刻是在将 dom 加载到文档正文之前。创建dom，然后该函数将onclick附加到它们上，然后将它们加载到文档正文中。

<小时/>

它应该做的是使这个 a至:

<span class="link img" 
 onclick="function(){window.open('http://example.com')}">
     text
</span>

所以点击a打开一个新窗口。我制作了一个 CSS，因此每个“链接”类无论如何看起来都像一个链接。

<小时/>

我尝试将其中之一包含到函数中以实现上述更改:

a.onclick = function(){window.open('http://example.com')};

，

a["onclick"] = function(){window.open('http://example.com')};

，

const openFunc = function(){
    window.open('http://example.com')
};
a["onclick"] = openFunc;

我不知道为什么，他们没有在 a 上附加 onclick 属性.

Answer 1

我不明白你在说什么，但如果你想在变量“a”上添加一个事件，该变量具有元素的对象引用:使用事件监听器

a.addEventListener("click",funcNametocall,false);

在这里阅读它 http://www.w3schools.com/js/js_htmldom_eventlistener.asp