检测双击firefox扩展按钮

我需要检测到双击我的扩展按钮并打开另一个网站，我需要在当前选项卡中打开该网站。

index.js:

var buttons = require('sdk/ui/button/action');
var tabs = require("sdk/tabs");
var button = buttons.ActionButton({
  id: "mozilla-link",
  label: "Visit Mozilla",
  icon: {
    "16": "./icon-16.png",
    "32": "./icon-32.png",
    "64": "./icon-64.png"
  },
  onClick: handleClick
});
function handleClick(state) {
  tabs.open("http://www.mozilla.org/");
}

我的一个扩展中也有类似的要求。以下是我用来确定按钮点击是单次还是双次的代码：

    var clickCnt = 0;   // Click counter
    var delay = 250;    // Maximum time (milliseconds) between clicks to be considered a double-click
    var timer;
    chrome.browserAction.onClicked.addListener(function(tab){
        clickCnt++; 
        if(clickCnt > 1){
            // Double-click detected
            chrome.tabs.executeScript({
                code:   '// Code to execute on double-click'
            });
            clickCnt = 0;
            clearTimeout(timer)
        }else{
            timer = setTimeout(function(){  
                // No clicked detected within (delay)ms, so consider this a single click 
                chrome.tabs.executeScript({
                    code:   '// Code to execute on single-click'
                });
                clickCnt = 0;
            }, delay);
        }
        return true;
    });

ActionButton本身没有onDoubleClick处理程序。因此，您需要使用一些技巧来实现所需的功能。

您可以为第一次单击指定一个处理程序，在这个处理程序中，您可以删除它本身，并为双击定义一个新的处理程序，如下代码所示。

index.js:

var tabs = require("sdk/tabs");
var { ActionButton } = require("sdk/ui/button/action");
var { setTimeout } = require("sdk/timers");
var button = ActionButton({
    id: "my-button",
    label: "my button",
    icon: {
      "16": "./icon-16.png",
      "32": "./icon-32.png",
      "64": "./icon-64.png"
    },
    onClick: firstClick
  });
function firstClick(state) {
  button.removeListener("click", firstClick);
  button.on("click", subsequentClicks);
  tabs.activeTab.url = "http://www.mozilla.org/";
  tabs.activeTab.reload();
  setTimeout(function() { 
    console.log("remove double click after an interval");
    button.removeListener("click", subsequentClicks);
    button.on("click", firstClick);
  }, 1000);
}
function subsequentClicks(state) {
  button.removeListener("click", subsequentClicks);
  tabs.activeTab.url = "http://www.google.com/";
  tabs.activeTab.reload();
}

另一个技巧是，在firstClick处理程序中，定义了一个setTimeout函数，以在1秒的间隔后将事物恢复到第一次单击的初始状态。

为了确保执行subsequentClicks时的功能，它将撤销自己作为侦听器的身份。

正如评论中所提到的，这个问题是，双击它时，首先加载mozilla.org，然后加载google.com

相关内容

最新更新

热门标签：