JavaScript 等效于 :active 在 CSS 中

Question

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 id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>

</body>

</html>

Run Code Online (Sandbox Code Playgroud)

我希望上面的脚本在鼠标点击时播放（类似于activeCSS）

任何帮助，将不胜感激。谢谢。

Answer 1

Spe*_*ric 6

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 id="audio" src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3"></audio>

  </body>
</html>

Run Code Online (Sandbox Code Playgroud)

归档时间：	4 年，2 月前
查看次数：	43 次
最近记录：	4 年，2 月前