为什么模拟事件不能在指定的链接上工作?



程序的思想:检查链接,只要将鼠标悬停在链接上,打开链接,如果它有class="and textContent "Elzero";

问题是代码没有像预期的那样运行,并且在鼠标悬停在它上面时没有打开链接(列表中的第二个链接是目标链接)。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title></title>
<script>
for (let i = 0; i < document.links.length; i++) {
if (document.links[i].classList.contains("open") && 
document.links[i].textContent === "Elzero") {
document.links[i].onmouseenter = function () {
document.links[i].click();
}
}
}
</script>
</head>
<body>
<a class="open" href="https://google.com" target="_blank">Google</a>
<a class="open" href="https://elzero.org" target="_blank">Elzero</a>
<a class="not" href="https://facebook.com" target="_blank">Facebook</a>
<a class="linked" href="https://linkedin.com" target="_blank">Elzero</a>

</body>
</html>

<script>放置在结束body标签的正前方,以便在运行时锚元素实际存在。

<script>
for (let i = 0; i < document.links.length; i++) {
if (document.links[i].classList.contains("open") && 
document.links[i].textContent === "Elzero") {
document.links[i].onmouseenter = function () {
document.links[i].click();
}
}
}
</script>
</body>

最新更新