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