JavaScript 等效于 :active 在 CSS 中
我有播放音频的脚本，下面脚本的问题是它在释放鼠标点击时播放。
<!doctype html>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play() {
var audio = document.getElementById("audio");
audio.play();
}
</script>
<input type="button" value="PLAY" onclick="play()">
<audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>
</body>
</html>我希望上面的脚本在鼠标点击时播放（类似于activeCSS）
任何帮助，将不胜感激。谢谢。
回答
mousedown改为监听事件：
<!doctype html>
<html>
<head>
<title>Audio</title>
</head>
<body>
<script>
function play() {
var audio = document.getElementById("audio");
audio.play();
}
</script>
<input type="button" value="PLAY" onmousedown="play()">
<audio src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>
</body>
</html>