需手动监听document点击并判断是否点在弹层外部：保存layer.open返回的index，用$(‘#layui-layer-’+index)定位弹层；在success回调中绑定带命名空间的click事件；用closest()检测点击是否在遮罩层且不在弹层内；动态创建Audio播放音效，播放前重置currentTime防重复。
实现Layui弹出层在点击外部区域关闭时播放音效，需绕过Layui默认的遮罩层事件拦截机制，手动监听document级点击并判断是否点在弹层外部。
获取弹层唯一标识并绑定全局点击监听
调用layer.open后，保存返回的index值，这是后续定位弹层DOM的关键：【必须保存index，否则无法准确判断点击位置是否在弹层内】。
使用layer.open返回的index，通过$(‘#layui-layer-’+index)定位到该弹层的外层容器。
在layer.open的success回调中执行：$(document).on(‘click.layuiSound’, function(e) { … });——添加带命名空间的委托事件，避免重复绑定。
判断点击是否发生在弹层外部
方法一：使用jQuery的closest()反向查找
在click.layuiSound事件处理函数中，执行if (!$(e.target).closest(‘#layui-layer-’+index).length && $(e.target).is(‘.layui-layer-shade’)) { … }；这行代码确保只响应点击遮罩层（而非弹层内部任意位置）的行为。
注意：不能仅靠e.target.className === ‘layui-layer-shade’判断，因为Layui 2.8+版本中遮罩层可能被复用，class名不唯一。
插入并播放音效
第一步：准备一个静音MP3文件（如click.mp3），放在static/audio/目录下。
第二步：在判断为外部点击后，动态创建Audio对象并调用play()：
const audio = new Audio(‘static/audio/click.mp3’);
audio.play().catch(e => console.log(‘音效播放被阻止：’, e));
第三步：为防止连续点击触发多个音频实例，播放前先调用audio.remove()移除旧实例，或复用同一audio变量并调用audio.currentTime = 0重置播放位置。
