Question

此代码不起作用：

var page = require('webpage').create();

page.open('http://www.ebay.com/', function() {
    console.log('Page loaded');
    page.includeJs('http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js', function() {
        console.log('jQuery included');
        page.render('C:/beforeclick.jpeg');
        console.log('Render 1');
        page.evaluate(function() {
            $('.btn-prim').click();
        });
        page.render('C:/afterclick.jpeg');
        console.log('Render 2');
    });
});

实际上$（＆＃39; .btn-prim＆＃39;）。click（）不起作用，beforeclick.jpeg和afterclick.jpeg是相同的。在浏览器控制台$（＆＃39; .btn-prim＆＃39;）中.Click（）工作正常。例如，Ebay就是这样，它在其他网站上也不起作用。请帮我解决问题，我是JavaScript的新手。

Answer 1

这将为您提供适当的解决方案

page.evaluate(function(){
    var a = document.getElementById("target_element_to_be_clicked");
    var e = document.createEvent('MouseEvents');
    e.initMouseEvent('click', true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null);
    a.dispatchEvent(e);
});

希望这有帮助

Answer 2

试试这个

function click(el){
    var ev = document.createEvent("MouseEvent");
    ev.initMouseEvent(
        "click",
        true /* bubble */, true /* cancelable */,
        window, null,
        0, 0, 0, 0, /* coordinates */
        false, false, false, false, /* modifier keys */
        0 /*left*/, null
    );
    el.dispatchEvent(ev);
}

PhantomJS .click（）不起作用

2 个答案: