html语音播报功能问题

语音播报有个问题，就是弹出层有时无法关闭页面的播报，如果弹出层也有语音播报，就会造成语音混者播放

解决办法就是在弹出窗口(我用的弹出层框架是layui的)之前清空语音

window.operEdit = function (url, title){window.speechSynthesis.cancel();//发料页面无法清空父页面的语音，会造成语音混着播放，因此弹窗之前就清空语音，弹窗里的语音只在弹窗内有效，弹窗关闭就无效了，即时当前页面刷新后语音会继续播报var index = layer.open({id: 'addRequest', //设定一个id，防止重复弹出title:title,type: 2,offset: 't',shade: 0.3,area: ['100%', '60%'],content: url,closeBtn: 0,success: function(layero, index) {mteSearchBtn.click();}});}

    弹出层中我是 弹出一个新的html ，里面语音只会在弹出层内有效，当弹出层关闭时语音也就失效了，我在弹出层关闭的时候在调用打开弹出层的open方法的success方法中添加了页面的刷新方法（页面的查询按钮触发click()事件），当页面刷新时原有的语音就会继续播放了