如何为面板编写/连接取消按钮

Question

我正在使用新的 Firefox Add-on SDK，它使用 common.js。

我有一个包含一些 HTML5 的面板。我想要一个取消按钮；当按下时，它会关闭面板。我该怎么做？

Answer 1

您使用内容脚本，在单击取消按钮时将消息发送回扩展程序。然后扩展程序可以关闭面板。沿着这些思路：

var data = require("self").data;
var panel = require("panel").Panel({
  contentURL: data.url("panel.html"),
  contentScriptFile: data.url("panel.js"),
  onMessage: function(message)
  {
    if (message == "close")
      panel.hide();
  }
});

panel.show();

panel.js 包含如下代码：

var cancelBtn = document.getElementById("cancel");
cancelBtn.addEventListener("click", function()
{
  self.postMessage("close");
}, false);