javascript - 如何为使用ES6模板文字创建的元素添加函数/事件监听器？

我尝试了这个：

const el = `<button class="create-panorama" onclick="${test()}">Create panorama</button>`

function test () {
  console.log('esesesee')
}

element.insertAdjacentHTML('beforeend', el)
// element = <div id="element"></div>

但是，当我单击按钮时，什么也没有发生。

将点击操作添加到button的最佳方法是什么？

最佳答案

“向按钮添加点击动作的最佳方法是什么？”

addEventListener

const el = '<button class="create-panorama">Create panorama</button>';

document.body.insertAdjacentHTML('beforeend', el);

const cp = document.querySelector('.create-panorama');
cp.addEventListener('click', test, false);

function test() {
  console.log('esesesee')
}