多种功能在Chrome中单击不起作用

multiple functions onClick not working in Chrome

本文关键字：单击 不起作用 Chrome 功能      更新时间：2023-09-26

当我单击一个按钮并让它将我带到新页面时，我正在尝试播放声音。似乎在Firefox等其他浏览器中工作正常，但在Chrome中不起作用。这是我正在使用的代码。

<audio id="audio" src="soundfile.ogg"></audio>
<button onclick="document.getElementById('audio').play(); document.location = 'newpage.html'">Click</button>

我知道.ogg文件可以工作，所以这不是问题，因为下面的代码在 Chrome 中可以正常工作。

<button onclick="SomeFunction(); document.getElementById('audio').play()">Click</button>

当我尝试转到新页面时，它似乎只会给我带来问题。如果有人知道我如何让它在 Chrome 中工作，那就太好了。谢谢。

您需要确保音频在离开页面之前开始（也许也让它先完成）。在位置上设置延迟。

也许你可以尝试使用：

window.open('newpage.html','_blank');

而不是：

document.location = 'newpage.html'

当您单击该按钮时，您将在同一选项卡中打开另一个页面，如果您打开另一个选项卡，音乐仍将在另一个选项卡中播放。

如果没有帮助，请回击我！

相关文章：