我想在选项卡获得焦点后短暂延迟后单击按钮

Question

我希望在选择[聚焦]选项卡时执行 setTimeout 函数。我正在使用 Mozilla（Greasemonkey）。

这是我尝试过的：

// ==UserScript==
// @name           [udit]click stumble button on pages
// @namespace      uditeewd
// @include        http://www.stumbleupon.com/interest/*
// @include        http://www.stumbleupon.com/channel/*
// @include        http://www.stumbleupon.com/stumbler/*
// @exclude        http://www.stumbleupon.com/stumbler/*/likes/interest*
// @exclude        http://www.stumbleupon.com/interest/*/followers*
// @exclude        http://www.stumbleupon.com/channel/*/followers*
// @exclude        file:///*
// ==/UserScript==

setTimeout(function(ButtonClickAction) {
var stumbButt   = document.querySelector ("div.stumbler-card a.stumble-button");
var clickEvent  = document.createEvent ('MouseEvents');
clickEvent.initEvent ('click', true, true);
stumbButt.dispatchEvent (clickEvent);
}, 0);

document.addEventListener ("onfocus", ButtonClickAction, true);

Answer 1

将其分解为几个步骤：

1. 您需要选项卡焦点来启动计时器。
2. 您希望计时器在时间到时单击按钮。

请注意，您需要定义哪些节点构成“选项卡”。您当前的代码会在整个页面上聚焦。

所以，代码会是这样的：

var theTab  = document.querySelector (YOU NEED TO FIGURE THIS OUT, IT'S HIGHLY PAGE SPECIFIC);

theTab.addEventListener ("focus", FireClickDelay, true);

function FireClickDelay () {    
    setTimeout (ClickTheButton, 100);
}

function ClickTheButton () {    
    var stumbButt   = document.querySelector ("div.stumbler-card a.stumble-button");
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    stumbButt.dispatchEvent (clickEvent);
}

Answer 2

// ==UserScript==
// @name           [udit]click stumble button on pages
// @namespace      uditeewd
// @include        http://www.stumbleupon.com/interest/*
// @include        http://www.stumbleupon.com/channel/*
// @include        http://www.stumbleupon.com/stumbler/*
// @exclude        http://www.stumbleupon.com/stumbler/*/likes/interest*
// @exclude        http://www.stumbleupon.com/interest/*/followers*
// @exclude        http://www.stumbleupon.com/channel/*/followers*
// @exclude        file:///*
// ==/UserScript==

window.onfocus = function() {
    setTimeout (ClickTheButton, 0);
};

function ClickTheButton () {    
    var stumbButt   = document.querySelector ("div.stumbler-card a.stumble-button");
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    stumbButt.dispatchEvent (clickEvent);
}

Answer 3

window.onblur 和 window.onfocus ？

(function(){
    var timer = null;
    var has_switched = false;

    window.onblur = function(){
      timer = settimeout(changeitup, 2000);
    }  

    window.onfocus = function(){
      if(timer) cleartimeout(timer);
    }

    function changeitup(){
        if( has_switched == false ){
            alert('hey! who switched tabs?')
            has_switched = true;    
        }
    }
})();