如何使用 Greasemonkey 单击此按钮？

Question

我是 JS 的新手，我正在尝试点击这个按钮：

<a class="simplebutton" href="javascript:void(0);">find</a>

这个按钮的XPath是：/html/body/div[5]/div/span[2]/a，目标页面的快照可以在this Fiddle看到。

这是我尝试过的，但它不起作用。 （我正在使用从http://code.google.com/p/getelementsbyclassname/ 获得的函数getElementsByClassName）：

document.getElementsByClassName('simplebutton').submit();

Answer 1

这是一个执行此操作的完整脚本。它使用 jQuery 处理 the :contains() selector。

更新：修改脚本以解决报告的 AJAX。

// ==UserScript==
// @name     _Click on a specific link
// @include  http://YOUR_SERVER.COM/YOUR_PATH/*
// @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 major design change
    introduced in GM 1.0.
    It restores the sandbox.
*/

//--- Note that contains() is CASE-SENSITIVE.
waitForKeyElements ("a.simplebutton:contains('follow')", clickOnFollowButton);

function clickOnFollowButton (jNode) {
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    jNode[0].dispatchEvent (clickEvent);
}

---

注意：在某些情况下，contains() 术语可能会错误地触发。例如，如果有一个 <a class="simplebutton">unfollow</a> 按钮。
这是防止错误点击的一种方法。像这样修改clickOnFollowButton函数：

function clickOnFollowButton (jNode) {
    if ( ! /^\s*follow\s*$/i.test (jNode.text() ) ) {
        /*--- If the node contains anything but "follow" (surrounded by 
            optional whitespace), don't click it.
        */
        return false;
    }
    var clickEvent  = document.createEvent ('MouseEvents');
    clickEvent.initEvent ('click', true, true);
    jNode[0].dispatchEvent (clickEvent);
}

---

几件事：

1. getElementsByClassName() 返回元素的列表或“集合”。你不能只是.submit() 那样的结果。 .submit() 用于单个元素。

2. 由于这是一个链接.submit() 将不起作用。 .click() 通常会起作用，但通常不会——当链接由事件侦听器授权时（这个问题必须是这种情况）。

   上面给出的clickEvent 代码几乎适用于所有情况。

3. The page code you gave 没有任何链接，带有class="simplebutton" 和包含find 的文本！

4. 您使用的是什么浏览器？哪个 Greasemonkey 版本？什么操作系统？

5. 查找并使用适当的 javascript 参考和适当的 DOM 参考。问题中列出的参考是针对不标准且未包含在您的脚本中的 library（很可能）。

   • MDN JavaScript Reference 是最新的，最适用于 Greasemonkey（一个 Firefox 扩展）应用程序。
   • 同样，MDN Document Object Model (DOM) Reference。
     
     

6. 使用 CSS 路径，它比 XPATH 更容易处理这种事情。 Firebug 会显示给定元素的 CSS 路径。
   jQuery 使用 CSS 选择器/路径，document.querySelector()（非 jQuery 方法）也是如此。

Answer 2

您需要使用方法click 而不是submit。提交表单时可以使用submit。

getElementsByClassName 还返回一个元素数组，你需要检索你想要的元素然后调用click 就可以了。

document.getElementsByClassName('simplebutton')[0].click();​

http://jsfiddle.net/kLDde/