天天看点

vue项目——解决按下空格键执行上一次鼠标点击事件

在做这个数据平台验收部分的时候,测试环节发现了一个bug。在这个页面中我需要用"空白键"来控制中间按钮的播放与暂停,而当我点击"通过"按钮之后,再按下"空白键"的时候就会执行前面的点击事件,音频直接变成下一个的加载(相当于再次的点击操作)

vue项目——解决按下空格键执行上一次鼠标点击事件

 在网上搜了解决方案,但是好像都没有比较适合我这个问题的解决方案。

 参考链接:

https://houbean.github.io/2016/09/20/click%E4%BA%8B%E4%BB%B6/

https://www.iteye.com/blog/yunzhongxia-813956

https://bbs.csdn.net/topics/390467076?list=24782041

http://www.myexception.cn/qt/1288684.html

最后我的解决方案是:在我点击按钮的时候,重新调用光标聚集事件,这样就不会与我的点击事件冲突了。

哦对了,这边聚焦事件的时候,需要在进入页面时,可以"空白键"控制开关,最开始的时候放在组件最外层的div里面了,后来发现这样就会聚焦整个页面,于是我就只聚焦在音频这个section部分

vue项目——解决按下空格键执行上一次鼠标点击事件
vue项目——解决按下空格键执行上一次鼠标点击事件

 所以后面冲突产生的时候,我就重新调用这个方法了。

 有更好的解决方案的话欢迎小伙伴提出!