Использование наведения курсора мыши для отправки пользователя на новую страницу

#javascript #image #hyperlink #mouseover

#javascript #изображение #гиперссылка #наведение курсора мыши

Вопрос:

Итак, для назначения мне нужно описать изображения пользователю. По желанию инструктора мне нужно использовать метод 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>

Кто-нибудь может мне помочь? У меня есть пара вариантов этого, но я никогда не могу заставить наведение курсора мыши перенаправить пользователя на страницу.
И да, страница посвящена League, написание программ о вещах, которые меня интересуют, помогает избавиться от монотонности.

Ответ №1:

document.getElementbyId Не является функцией. Буква «b» в «by» должна быть заглавной. Кроме того, удалите строку Mouseover(); , чтобы пользователи не перенаправлялись немедленно.

1. Спасибо! Иногда вам просто нужна вторая пара глаз для этих sytax вещей.

2. Да, я знаю, что вы имеете в виду. Я обнаружил ошибку в консоли, всегда не забывайте смотреть туда, и удачи с вашим проектом!

Ответ №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>