Как мне запустить событие javascript playsound при нажатии, не отправляя пользователя в верхнюю часть страницы?

У меня есть следующий код на странице моего сайта - когда пользователь нажимает на изображение, воспроизводимое звуком:

<script language="javascript" type="text/javascript">
 function playSound(soundfile) {
 document.getElementById("dummy").innerHTML=
 "<embed src=\""+soundfile+"\" hidden=\"true\" autostart=\"true\" loop=\"false\" />";
 }
 </script>
 <span id="dummy"></span>
 <div id="soundimage">
 <a href="#" onclick="playSound('sound.mp3');"><img src="image.png" /></a>
 </div>

Все работает отлично, но изображение находится внизу страницы, и когда пользователь щелкает изображение, они перенаправляются обратно в верхнюю часть страницы. Есть ли способ заставить это работать так, чтобы было только изменение звука, а не визуальное (если это имеет смысл!)?

При использовании вместо этого функции наведения мыши, такой как

<a onmouseover="playSound('sound.mp3');"><img src="image.png" /></a>

, пользователь остается там, где он были на странице, но я бы хотел, чтобы у них была возможность воспроизводить звук при нажатии, а не при наведении курсора.

5
задан TRiG 27 July 2013 в 23:33
поделиться