怎样用JavaScript实现音频播放的控制

如何使用JS实现 按住鼠标(或按住触屏)时播放音频,松开停止?
就是类似微信跳一跳那种,注意不是点击鼠标播放,而是按住鼠标
谢谢

根据你的问题,相信你已经能够写出常规的点击(onclick)事件,只是对其他几种事件还不是太了解而已:

js 主要有三大事件:

  • 鼠标事件
  • 键盘事件
  • html事件 在这里就说一下和问题有关的鼠标事件,其余两种就不再赘述

click:单击
dblclick:双击
mousedown:按下
mouseup:抬起
mouseover:悬浮
mouseout:离开
mousemove:移动
mouseenter:进入
mouseleave:离开

点击此处可以触发鼠标按下与抬起事件

点击此处可以触发鼠标悬浮和离开事件

function doMouseDown() { console.log("此时按下了鼠标"); } function doMouseUp() { console.log("此时抬起了鼠标"); } function doMouseOver() { console.log("此时鼠标放在了我身上"); } function doMouseOut() { console.log("现在鼠标离开了") }

根据你的要求,是鼠标的按下与抬起两个事件,顺便也建议操作一下鼠标的悬浮与离开事件,也挺好玩的

mousedown执行播放,mouseup停止播放,就2个事件,触屏事件也一样,touchstart,touchend

鼠标keydown事件

鼠标keydown事件1

利用鼠标的按下和抬起事件来做

鼠标事件,加音频控制

鼠标keydown事件来做