h5 在微信内置浏览器Safari踩的一些小坑(click、audio)

使用github page做了一个小静态网页，发现 click 时间、audio 在不同浏览器中的使用有细微差异。

click

onclick 事件在微信内置浏览器中是无法正常被监听的，如果引用了 jquery 的话，可以参考如下写法

$("#id").on("click", function () {});

audio

现今主流浏览器是无法支持 audio autostart 功能的，楼主只发现在 Edge 浏览器中还支持 autostart 自动播放功能，大多数浏览器（chrome、Safari）是需要用户一个交互事件才能实现 audio 音频的播放； 微信内置浏览器、Safari还无法实现 audio 的 preload 预加载功能， 需要把 audio 的 load 绑定到一个用户交互事件上，采用手动加载，如

$("#id").on("click", function () {$("#audio")[0].load()});

先更这么多，以后有新发现再补充。

参考资料： HTML audio基础API完全使用指南 Audio采坑