使用 puppeteer 获取 DOM 中单击元素的值

如何解决使用 puppeteer 获取 DOM 中单击元素的值

我想通过 Puppeteer 获取元素值。

就像选择器一样，这是 devtools 中的一个特性。

例如：

我想将所选项目的值赋给变量。

with puppeteer so 代码场景：

const puppeteer = require("puppeteer");
(async () => {
const browser = await puppeteer.launch(
    {
        "headless": false,defaultviewport: null,args: ['--start-maximized'],"slowMo": 1
    });
const page = (await browser.pages())[0];
await page.goto('https://covidtesting.collinsonassistance.com/s/login/',{ waitUntil: 'networkidle2' });

// I don't kNow what's next...

})();

我在DOM中想要获取我点击的对象的元素值。

我稍后会处理它。

例如，我会自动点击按钮，稍后使用该值。

这可能吗？

我解决了，这是我的代码：

await page.exposeFunction('onClick',onClick);  

 // Listening for click events on the window
await page.evaluateOnNewDocument(() => {
    window.addEventListener('click',(event) => {
        let tagName = event.target.tagName
        let eClass = event.target.getAttribute("class")
        let id = event.target.getAttribute("id")
        window.onClick(tagName,eClass,id);
    });
});

await page.goto('https://auth.pleaseignore.com/login/',{ waitUntil: 'networkidle2' });

function onClick(tagName,id) {
    console.log(`You have clicked on: id: #${id} class: .${eClass} tagName: ${tagName}`);
    let selector = getSelector(tagName,id);
    console.log('selector: ',selector)
    elementClicked(selector,page)
}