我正在尝试弄清楚如何使脚本单击链接并转到某个页面,然后执行某些操作。这是我坚持的例子,它不起作用。
var Nightmare = require('nightmare');
var nightmare = Nightmare({ show: true });
nightmare
.goto("https://www.google.com/")
.type("input", "nightmare.js")
.wait(3000)
.click("button[type=submit]")
.wait(2000)
.evaluate(function(){
var title = document.querySelectorAll("h3 a");
i = 0;
if (title) {
title[i].addEventListener("click", function(){
setTimeout(function(){
alert("Success!");
}, 5000);
});
}
})
.then(function(result){
console.log("result", result);
})
.catch(function (error) {
console.error('Search failed:', error);
});
如您所见,它甚至不会转到下一页。
但是如果我像这样定义点击,它将转到下一页,但我也需要它在另一个页面上执行某些功能:
.evaluate(function(){
var title = document.querySelectorAll("h3 a");
i = 0;
if (title) {
title[i].click();
}
})
所以这让我很困惑,不知道为什么它不起作用。
最佳答案
好吧,我认为主要问题在于您如何尝试单击该链接。现在,您在 Nightmare 链回调的主流程之外执行此操作(.goto().type().wait()
...链)。如果您更改流程以与链一起使用,并使用 .click()
再次代替 .evaluate()
,您可以在下一页上执行操作:
nightmare
.goto("https://www.google.com/")
.type("input", "nightmare.js")
.wait(3000)
.click("button[type=submit]")
.wait("h3[class=r]")
.click("h3[class=r] a")
.evaluate(function(){
return document.querySelector("h1 a").innerHTML
})
.end()
.then(function(result){
console.log("result", result);
})
.catch(function (error) {
console.error('Search failed:', error);
});
这会输出带有 Nightmare 页面<h1></h1>
链接的内容。标签是“Nightmare ”
关于javascript - Nightmare.js - addEventListener 单击函数不会执行,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39154224/