使用Chrome扩展程序的onclick事件将按钮插入DOM

Question

我正在做一些平安夜编码并需要一些帮助。我正在尝试创建Chrome扩展程序，我可以在突出显示某些文本后向DOM中插入按钮。逻辑的主要核心在于：

var button = document.createElement('input');
button.type = 'button';
button.value = 'test';
button.setAttribute('id', 'bookmark-button');
button.setAttribute('style', 'position:fixed; top:' + top_coord + 'px; left: ' + mid_coord + 'px;');
document.body.appendChild(button);
button.addEventListener("click", function() {
  console.log('test');
  alert('hello');
});

我避免使用setAttribute方式，因为我知道您无法在Chrome扩展程序中使用内联Javascript。此外，此代码存在于我的内容脚本文件中。

按钮出现，但是当我点击时，没有任何反应。有没有人遇到过这个问题？

Answer 1

检查了你的代码，它在我身边运作良好：

也许你的按钮上有z-index问题，或者某些脚本错误阻止了点击处理程序的执行。