Firefox SDK |附加开发

时间:2016-03-28 19:50:41

标签: firefox sdk firefox-addon

这里有任何firefox-sdk天才,谁能帮我这个。单击按钮后,事件未分叉。我正在尝试使用Firefox 45

我在main.js

中有这段代码
// capture toggle button  event
function startCreation(e){
  // function to call when panel is shown to user
  if (e == "show"){
    //console.log("event " + e + " was emitted");
    panel.port.emit("show");
  }
  // function to call when panel gets interacted by user input
  panel.port.on("text-entered", function (text) {
    console.log(text);
    panel.hide();
  });
}
// let's create a panel to be shown on button toggeling.
var panel = panels.Panel({
  contentURL: self.data.url("./panel.html"),
  onHide: handleHide,
  contentScriptFile: [self.data.url("getTask.js"), self.data.url("jquery.js")],
  contentStyleFile: self.data.url("panel-style.css")
});

将getTask.js保存在数据下面,如下所示

self.port.on("show", function() {
  var _create_task = document.getElementById("create_task");
  var _task_id = document.getElementById("task_id").value;
  _create_task.addEventListener('click', function() {
    _text = _task_id.value.replace(/(\r\n|\n|\r)/gm,"");
    _task_id.value=''
    self.port.emit("text-entered", _text);
  }, false);
});

此外,这里是panel.html中的html,它应该触发事件

<!DOCTYPE HTML>
<html>
<head>
  <link href="panel-style.css" type="text/css" rel="stylesheet">
  <script src="getTask.js"></script>
</head>
<body>
  <table align="center">
    <tr>
      <td>
        <input type="text" id="task_id" name="task_id" value="Enter something"/>
      </td>
      <td>
        <input type="button" id="create_task" name="create_task" value="Create Task"/>
      </td>
    </tr>
  </body>
  </html>

我不确定,哪个部分在这里制造麻烦。希望我这次能说清楚。我很感激任何指导。

提前致谢。

1 个答案:

答案 0 :(得分:0)

没关系,我可以把它解决掉。

有两个对象指的是同一个&#34; port.emit&#34;和&#34; port.on&#34;调用。我不得不删除其中一个,瞧,它有效,但感谢所有不能照顾我的人。

感谢您的时间。 :)