У меня есть следующий код на странице моего сайта - когда пользователь нажимает на изображение, воспроизводимое звуком:
<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>
, пользователь остается там, где он были на странице, но я бы хотел, чтобы у них была возможность воспроизводить звук при нажатии, а не при наведении курсора.