如何防止在 Chrome 扩展中的内容脚本元素 onclick() 中进一步执行鼠标单击？

Question

我已将新创建的元素的警报添加到 Chrome 扩展的内容脚本中，如下所示；

 myBtn.onclick = function() { alert('blah'); };

我已经使用以下 CSS 将按钮放在其他内容的顶部。

.sbutton img{
   width: 80px;
   height: 30px;
   z-index:1000;
  position:fixed;
}

我在点击元素时收到警报 'blah'。

但问题是，我的元素下方的其他一些元素也同时被点击，选项卡导航到另一个 url。

一旦执行警报，是否有任何方法可以停止进一步执行鼠标单击？

Answer 1

你试过以下吗：

myBtn.onclick = function(event) {
  event.preventDefault();
  alert('blah');
};

How to prevent further execution of mouse click in content script element onclick() in Chrome extension?