使用鼠标悬停将用户发送到新页面答案

【问题标题】：Using Mouseover to Send the user to a new page使用鼠标悬停将用户发送到新页面
【发布时间】：2017-02-16 18:00:21
【问题描述】：

因此，对于一项任务，我需要向用户描述图像。教师希望它完成的方式，我需要使用“鼠标悬停”javascript方法将用户发送到描述图像的页面。

这是我目前所拥有的，但我无法让它发挥作用。

<div class="image1"> 
<img id="solomid" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px">
</div> 


<script type="text/javascript"> 
document.getElementbyId("solomid").addEventListener("mouseover", Mouseover); 

function Mouseover(){
window.location = "https://en.wikipedia.org/wiki/Team_SoloMid";
}
Mouseover();
</script>

谁能帮助我？我对此有几个变体，但我永远无法让鼠标悬停以实际将用户重定向到页面。是的，这个页面是关于英雄联盟的，写一些我感兴趣的东西有助于打破单调。

【问题讨论】：

你为什么马上打电话给Mouseover()？这不是在页面加载后立即重定向吗？

标签： javascript image hyperlink mouseover

【解决方案1】：

document.getElementbyId 不是函数。 “by”中的“b”必须大写。另外，删除Mouseover(); 行，这样用户就不会立即被重定向。

【讨论】：

谢谢！有时你只需要第二双眼睛就能看到那些语法上的东西。
是的，我知道你的意思。我在控制台中发现了错误，永远记得看那里，祝你的项目好运！

【解决方案2】：

你可以这样做..

    <div class="image1">
        <img id="solomid" onMouseOver="document.location.href='https://en.wikipedia.org/wiki/Team_SoloMid'" src="Team_SoloMid.png" alt="Team Solomid Logo" style="width:300px;height:228px">
    </div>

【讨论】：