环境
vue2,wavesurfer.js: ^6.4.0
问题
当我移动、修改、新增region时,发现点击页面的其他区域,第一次点击无响应,要点击第二次才触发
原因
查看wavesurfer.js的源码(https://github.com/katspaugh/wavesurfer.js/blob/v6/src/util/prevent-click.js),发现了有个preventClick
方法,Plugin中,Region也有用到这个方法,暂时不知道为啥要加这个方法。
解决
wavesurfer.js中有region-update-end
事件的回调方法,每当region更新后,都给它执行document.body.dispatchEvent(new Event('click'));
代码
this.wavesurfer.on("region-update-end", (obj) => {
document.body.dispatchEvent(new Event('click'));
}); // 标注区更新