JS dblclick 事件不会被添加

Question

我想将 dbclick 事件侦听器添加到元素，但它不起作用。 没有错误，但事件监听器没有显示并且不起作用。

const windowHeader = document.createElement("div");
windowHeader.classList.add("windowheader");
windowHeader.ondblclick = function() { alert("test"); };
window.appendChild(windowHeader);

它在其他元素上运行良好。

它似乎只适用于 html 文件中的元素，而不适用于生成的 js。 我是 JS 新手，请帮助我。

Answer 1

你需要使用

document.body.appendChild(windowHeader)

将窗口标题添加到页面 - 您的控制台会告诉您

window.appendChild

不存在。

如果您有一个容器，请将其命名为 window 之外的其他名称：

const container = document.getElementById('container');
const windowHeader = document.createElement("div");
windowHeader.textContent = 'Click'
windowHeader.classList.add("windowheader");
windowHeader.addEventListener('dblclick', () => { alert("test"); }); // same as yours but more modern
//windowHeader.ondblclick = function() { alert("test"); };
container.appendChild(windowHeader); // works

<div id="container"></div>