JavaScript 实现点击按钮播放背景音乐的代码示例

作者：半夏

时间：2026-10-23

本文介绍如何使用 JavaScript 在用户点击按钮时动态添加并播放背景音乐。通过预先绑定事件监听器，在点击触发后移除旧音频节点并插入新的 embed 标签，实现简单的按钮音效反馈功能。

文章目录

JavaScript 按钮播放背景音乐实现

1-代码


<html>
<head>
  <meta charset="utf-8">
  <title>js实现按键声</title>
</head>
<body>
  <ul>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >主页</a>
    </li>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >详情</a>
    </li>
    <li>
      <a href="menu-list" rel="external nofollow" rel="external nofollow" rel="external nofollow" >列表</a>
    </li>
  </ul>
  <script language="javascript">
  $(function() {
    $('menu-list').click(function() {
      $('btn-bgm').remove();
      $('body').append('<embed src="button.wav" autostart="true" hidden="true" loop="false" class = "btn-bgm">');
    });
  });
  </script>
</body>
</html>

2-描述

预先为节点绑定事件，点击后触发添加背景音乐

总结

上述内容是小编介绍的JS实现按钮添加背景音乐示例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对本站网站的支持！