1

我正在尝试编写一个 Greasemonkey 脚本，如果找到，它将自动将焦点放在验证码输入字段上。这工作正常，除非在动态插入验证码表单的情况下，例如这个例子。我认为为 DOMNodeInserted 创建一个事件侦听器应该可以处理这种情况。（我正在 Firefox 17b 上进行测试）。

// ==UserScript==
// @name          Focus captcha field
// @description   Adds focus on captcha fields
// ==/UserScript==

function focusCaptcha (elem) {
    var ids = ['recaptcha_response_field', 'adcopy_response', 'captcha_input'];
    for (var i = ids.length - 1; i >= 0; i--) {
        var input = elem.getElementById(ids[i]);
        if (input) {
            input.focus();
            input.value = '';
            return;
        }
    }
}

(function() {
    focusCaptcha(document);
})();

document.addEventListener('DOMNodeInserted', function(event) {
    focusCaptcha(event.target);
}, false);
4

1 回答 1

1

DOMNodeInserted是一个Mutation Event并且Mutation Events 被弃用是有充分理由的。该代码可能会严重加载浏览器的 JS，并可能触发一些“脚本繁忙/失控”保护措施。

您可以切换到全新的MutationObservers，但这对于这类事情来说过于复杂了。

使用久经考验的真正waitForKeyElements() 实用程序。像这样：

// ==UserScript==
// @name        _Focus captcha field
// @description Adds focus on captcha fields
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js
// @require     https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant       GM_addStyle
// ==/UserScript==
/*- The @grant directive is needed to work around a design change introduced
    in GM 1.0.   It restores the sandbox.
*/

function focusCaptcha (jNode) {
    jNode.val ('');
    jNode[0].focus ();
}

waitForKeyElements (
    "#recaptcha_response_field, #adcopy_response, #captcha_input#",
    focusCaptcha
);

请注意，在尝试移动焦点时，iframe可能会使事情复杂化（虽然还没有测试过）。

于 2012-11-07T22:19:42.783 回答