用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";
}