如何解决如何在puppeteer中使用单击事件侦听器查找元素ID
我正在使用操纵up听点击事件。我也想知道点击的html元素的ID。我该怎么办?我现在的代码如下:
const puppeteer = require('puppeteer');
const fs = require('fs');
(async () => {
let browser = await puppeteer.launch({ headless: false });
let page = await browser.newPage();
// Expose a handler to the page
await page.exposeFunction('onClick',({ type,detail }) => {
console.log(`Event fired: ${type},detail: ${detail}`);
});
// listen for events of type 'status' and
// pass 'type' and 'detail' attributes to our exposed function
await page.evaluateOnNewDocument(() => {
window.addEventListener('click',detail }) => {
window.onClick({ type,detail });
});
});
await page.goto("https://www.facebook.com/login");
})();
解决方法
添加事件侦听器时,可以在回调函数中访问event
参数,然后访问事件的target
以获取触发事件的元素。您可以访问元素的属性(例如id,class等),因此窗口的onClick
事件监听器的回调应如下所示
window.addEventListener('click',(e) => {
console.log(e.target.getAttribute("id"));
});
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。