首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Firefox +插件开发

Firefox +插件开发
EN

Stack Overflow用户
提问于 2016-03-28 19:50:41
回答 1查看 40关注 0票数 0

任何火狐-sdk天才在这里,谁可以帮助我这个。单击按钮后不会对事件进行分叉。我在Firefox 45上试用这个

我在main.js中有这段代码

代码语言:javascript
复制
// 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,如下所示

代码语言:javascript
复制
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,它应该触发事件

代码语言:javascript
复制
<!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>

我不知道,是哪部分惹麻烦的。希望这次我能说清楚。如有任何指导,我将不胜感激。

提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-04-01 04:14:42

没关系,我可以自己解决的。

有两个对象引用相同的"port.emit“和"port.on”调用。我不得不删除其中之一,瞧,它起了作用,但是感谢那些不太关心我的人。

感谢您的时间。::)

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/36269981

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档