天天看點

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項目——解決按下空格鍵執行上一次滑鼠點選事件

 是以後面沖突産生的時候,我就重新調用這個方法了。

 有更好的解決方案的話歡迎小夥伴提出!