按钮单击在Greasemonkey / Tampermonkey脚本中不起作用。已经尝试过waitForKeyElements()的标准鼠标事件

时间:2016-12-11 17:22:10

标签: javascript jquery greasemonkey tampermonkey

我正在尝试使用Tampermonkey点击网址http://www.sparhandy.de/handy-kaufen/上的“Mehr Laden”按钮。按钮位于智能手机图片下方。这是我到目前为止写的脚本:

// ==UserScript==
// @name         SparhandyScript
// @namespace    http://tampermonkey.net/
// @version      0.1
// @description  try to take over the world!
// @author       Nigel
// @match        http://www.sparhandy.de/handy-kaufen/
// @require  http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @require  https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant    GM_addStyle
// ==/UserScript==

waitForKeyElements ("[data\\-behavior=result\\-paging]", triggerMostButtons);

function triggerMostButtons (jNode) {
    triggerMouseEvent (jNode[0], "mouseover");
    triggerMouseEvent (jNode[0], "mousedown");
    triggerMouseEvent (jNode[0], "mouseup");
    triggerMouseEvent (jNode[0], "click");
    //alert(jNode[0].className);
    //alert(jNode[0].parentNode.className);
}

function triggerMouseEvent (node, eventType) {
    var clickEvent = document.createEvent('MouseEvents');
    clickEvent.initEvent (eventType, true, true);
    node.dispatchEvent (clickEvent);
}

1 个答案:

答案 0 :(得分:1)

在运行它的jQuery准备启动之前加载该按钮。因此,在这种情况下等待按钮是不够的。您还必须等待附加的JS进行初始化。

快速而肮脏的测试显示,对我来说,按钮在页面加载后超过一秒钟才准备就绪! (实际时间可能会有所不同,我没有尝试找到合适的状态标记(您可以这样做);)

因此,调整代码以允许按钮初始化,对我有用:

// ==UserScript==
// @name        SparhandyScript
// @match       http://www.sparhandy.de/handy-kaufen/
// @require     http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js
// @require     https://gist.github.com/raw/2625891/waitForKeyElements.js
// @grant       GM_addStyle
// ==/UserScript==

waitForKeyElements ("[data\\-behavior=result\\-paging]", clickButtonAfterDelay);

function clickButtonAfterDelay (jNode) {
    if (document.readyState != "complete")  return true;
    //triggerMouseEvent (jNode[0], "click");
    //-- WARNING: Fixed time may not always work unless it is ridiculously long.
    setTimeout (triggerMouseEvent, 2222, jNode[0], "click");
}

function triggerMouseEvent (node, eventType) {
    var clickEvent = document.createEvent('MouseEvents');
    clickEvent.initEvent (eventType, true, true);
    node.dispatchEvent (clickEvent);
}

注意:此代码将获取结果的第一个附加页面然后停止。它不会获取所有可能的页面;你需要一台更高级的状态机。
它超出了这个问题的范围。如果您需要有关该部分的帮助,请打开一个新问题(在诚实地尝试自己解决之后)。