Addon的HTML文件。

Question

我正在向网页插入一个链接，当点击该链接时，我希望它在我的addon js文件中调用一个函数。

即。

<a id="1-link" onclick="hideDiv(1)">hide</a>

已插入到HTML中，理想情况下会在我的firefox插件的.js文件中调用hideDiv()，但是控制台抱怨ReferenceError: hideDiv is not defined可能是因为它不知道在哪里看。那么如何指定我希望从我的addon .js文件中调用它？

Answer 1

您可以将点击事件监听器注册到弹出的文档对象，然后检查事件的目标以找出该事件的起源位置，然后您可以执行所需的操作或执行具体功能。

考虑这个例子以便更好地理解。

Addon的HTML文件。

<!DOCTYPE html>

<html>
  <head>
    <meta charset="utf-8">
  </head>

<body>
  <input type="text" name="employeeCode" id="employeeCode">
  <a href="#" id="testAnchor">adsf/a>   
  <script src="myaddon.js"></script>
</body>

</html>

在我的myaddon.js文件中，我有这段代码，

document.addEventListener("click", (e) => {
  if( e.target.id === 'testAnchor' ){
    var empCode = document.getElementById('employeeCode').value;
    console.log( empCode );
  }
});

如何对firefox插件中提供的功能执行onclick调用？

1 个答案:

Addon的HTML文件。