无法使用Phantomjs单击元素
无法使用Phantomjs单击元素
提问于 2015-10-19 15:12:11
在post：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);
}回答 3
Stack Overflow用户
回答已采纳
发布于 2015-10-28 14:37:49
我解决了问题。这个点击被网站的javascript绕过了。幸运的是，PhantomJS有一个sendEvent函数，它与实际用户发送事件的方式相同：
var rect = page.evaluate(function() {
return $('a.whatever')[0].getBoundingClientRect();
});
page.sendEvent('click', rect.left + rect.width / 2, rect.top + rect.height / 2);通过PhantomJS; click an element找到上述解决方案
Stack Overflow用户
发布于 2015-10-19 15:55:05
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中“单击”的方法
Stack Overflow用户
发布于 2015-10-19 15:18:06
page.evaluate(function () {
document.getElementById("login").click();
});有用吗..。不是你的意思？
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33217977
复制相关文章
相似问题
腾讯云开发者
