javascript - 按钮单击在 chrome 中什么都不做

Question

我问了this question我确实从 Kelvin Schoofs 那里得到了一条有用的信息，即 querySelect 是一种更好的选择方法，所以我实现了它。

var bc = document.querySelectorAll('button.link.event-detail__event-information__event-name-status__grouped-match');
for (var b of bc){
        if(b.ariaExpanded=="false"){
            b.click();
        }
}

但是，选择不是我的问题，而且没有人回答我继续尝试提出的问题。所以让我在图片中尝试一下。

显示this page有一堆指向上方的 V 形符号，表示可以使用更多信息扩展这些行，并注意行之间的边界。 显示了我要启动的 53 个点击事件中第一个的启动。 显示脚本的结果。请注意，所有 V 形现在都指向上方，表示该行已扩展并且行之间的边界线已被消除，但除此之外别无其他。 显示了当我实际点击时应该出现和出现的信息示例。

我尽可能深入地了解站点代码。我确认它正在识别正确的元素和按钮并收集正确的数据(运动、日期等)来检索信息，但它从未被插入到页面中。一小段代码让我想知道这些点击是否没有像我预期的那样创建一个顺序队列，并且如此快地执行这么多可能意味着每一个都取消了前一个。但是当我只对一行执行点击时，行为是相同的(人字形翻转和边框消失但没有数据)。

当我试图通过站点代码工作时，有一个例程(ft(e) 和 Un()，如果有人真的要看的话)，其中收集了各种物理鼠标数据(客户端/屏幕 X/Y，键状态， ETC。)。所以我会最后一次尝试问我一直问的问题。 有什么东西可以区分脚本点击和物理点击吗？如果是这样，是否有解决方法？

我已经失去了大部分的双手，能够自动与网页交互对我很有帮助。使用 VB6/IE 总是很容易。但是，当然，这不再适用于大量 HTML5 网站。所以我正在尝试学习 JavaScript，但如果这种自动化不再可行，我不想浪费时间。

非常感谢您的帮助。

Answer 1

对我来说，你想要的按钮的 className 中有另一个类，解释了为什么 .className=="... 失败。

您可以使用 CSS 选择器通过一些类来识别按钮:

document.querySelectorAll('button.link.event-detail__event-information__event-name-status__grouped-match')

这意味着您的代码可以抵抗网站突然添加新类(或使用不同的顺序)。例如，它为我添加了一个 link--using-mouse 类。