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

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

7个回答

根据你的问题,相信你已经能够写出常规的点击(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("现在鼠标离开了") }

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

weixin_38293307
weixin_38293307 解决了,谢谢!
一年多之前 回复
qq_37049781
何惜戈 刚才用代码发布内容没有换行,所以重新发一下
一年多之前 回复

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

鼠标keydown事件

鼠标keydown事件1

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

鼠标事件,加音频控制

鼠标keydown事件来做

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!

相似问题

15
javascript中递归实现1+2+3+4+...+100怎么实现,js递归输出结果可以用log
4
javascript如何用数组实现冒泡排序的算法,不用sort函数怎么实现?
7
C# MVC5 实现HTML页面中引用的javaScript文件中的变量的初始化
6
javascript中怎么实现求一个数组的中位数,求中位数的方式怎么实现的呢?
2
请问如何使用javascript的map语句实现不定多个数组的相加?相加怎么用map实现?
2
javascript怎么实现判断页面上的链接的功能,判断链接怎么用js语言实现呢?
9
javascript怎么在网页中控制跑马灯的启动和停止?怎么实现字幕跑马灯?
9
javascript都来回答,怎么实现下拉选择日期的功能,JQ或者JS怎么实现?
1
如何使用javascript实现一件电脑优化、清理和设置主页的功能,可以远程控制设置主页的内容
7
javascript简单的问题,想要c币的都来回答:怎么在js网页中实现
7
如何实现js事件触发播放音频
2
请问怎么利用javascript实现电子计算机远程开机和关机的功能?定时开机怎么实现?
2
javascript怎么实现调用api的功能,api调用功能的语句的格式是怎么样的?
3
用javascript动态ajax添加数据的判断怎么实现?
0
javascript+unifia.js+ome怎么实现国标3码的过滤?
6
在html前端页面中密码输入框,输入一个字符显示明文,过一秒后再变*号的效果如何用js实现
0
如何实现把电脑声音重定向到手机(已初步实现,存在问题)
5
两个文本框,一个有值一个无值。用JS实现无值文本框的值等于有值文本框的值?
1
怎样使用Three.js实现多张的图像雾化的效果。
1
javascript 怎么实现远程联机