javascript - 无法使用 Phantomjs 单击元素

<分区>

来自帖子:How to ng-click an A directive in a PhantomJS test我知道我需要创建自己的函数来点击元素，但我该如何使用它？

下面的代码给我错误 TypeError: 'undefined' is not a function (evaluating 'click(obj)')

var page = require('webpage').create();
var url = 'http://somesite.com/document.html';

page.open(url, function(status) {
    page.evaluate(function() {
        var obj = document.querySelectorAll('button')[0];
        click(obj);
    });
    console.log(page.content);
    phantom.exit();
});


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 有两个上下文。只有通过 page.evaluate() 访问的页面上下文可以访问 DOM 并可以触发合成事件。由于您的 click() 函数使用 document，因此它需要在页面上下文中运行。

page.evaluate() 是沙箱化的，这就是为什么您不能简单地使用在外部定义的变量的原因。您要么需要在页面上下文中定义它们，要么需要以复杂的方式传入它们(因为只有原始对象可以传入和传出页面上下文，而函数不是原始对象)。

page.open(url, function(status) {
    page.evaluate(function() {
        if (typeof window.click !== "function") {
            window.click = function(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);
            }
        }
        var obj = document.querySelectorAll('button')[0];
        click(obj);
    });
    console.log(page.content);
    phantom.exit();
});

引用资料:

page.evaluate() 的文档
在 PhantomJS 中“点击”的方法:Q: PhantomJS; click an element

关于javascript - 无法使用 Phantomjs 单击元素，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33217977/

上一篇：javascript - jQuery Deferred 链失败继续

下一篇：javascript - 处理 aurelia 中的集合更新

javascript - 消息: Unterminated string constant

c# - DataGridView CheckBox 单元格/列事件

JQuery:单击准备好的文档上的随机链接

python - 使用 selenium 和 phantomJS 更改 "user-agent" header

javascript - 一个 HTML 表单文本框在 Firefox 中不显示键盘输入

javascript - 为什么不能用 JavaScript 原生保存文件？

java - 当我尝试使用 Selenium RC 单击“提交”按钮进入下一页时，30000 毫秒后超时

javascript - 用casperjs点击按钮没有反应

ruby - 如何使用 webmock 伪造对 Capybara/poltergeist 的响应？