使用javascript操作鼠标光标

Question

我在我的大学做了一个关于点击劫持的演讲，我看到了一个非常棒的例子，我想要创建，但我不知道如何创建。这个概念非常难，我认为请查看此视频以了解更多内容：

https://www.youtube.com/watch?v=O83P0umh0b0

基本上，在这个视频中，光标是被操纵的，当用户将它指向播放按钮时，它将自动指向下面的广告。我试图寻找类似的东西，但我找不到任何东西。有没有人能给我举个这样的例子。

我已经尝试过此代码，但正如您所看到的视频，鼠标出现在两个地方。然而，在我尝试过的代码中，它只处理点击！

<div id="firstData">Here is a text first to be hover</div>
<div id="secondData">Here is a text Two</div>


window.addEventListener("click", clickjacking, false);

function clickjacking() {
  document.getElementById('secondData').click();
}

Answer 1

我没有看视频，但这里有一些东西可以看。注意，使用鼠标悬停而不是悬停。

document.getElementById("firstData").addEventListener("mouseover", clickjacking, false);

document.getElementById("firstData").addEventListener("mouseout", function() {
    document.getElementById("secondData").style.backgroundColor = "inherit";
});

function clickjacking() {
    document.getElementById("secondData").style.backgroundColor = "red";
}