diff --git a/assets/customize.js b/assets/customize.js index 3022276..b9a33ee 100644 --- a/assets/customize.js +++ b/assets/customize.js @@ -1,33 +1,33 @@ -Array.from(document.getElementsByTagName("audio")).forEach(function ( - element, - index, - elements -) { - element.addEventListener("play", function () { - var self = this; - elements.forEach(function (element) { - if (element === self) return; +const page = document.querySelector(".book-page"); + +page.addEventListener( + "play", + (event) => { + if (event.target.tagName !== "AUDIO") return; + const elements = event.currentTarget.getElementsByTagName("audio"); + Array.from(elements).forEach(function (element) { + if (element === event.target) return; element.pause(); element.currentTime = 0; }); - }); -}); + }, + { capture: true } +); -var trackList = document.querySelector(".track-list"); -if (trackList) { - trackList.addEventListener("click", function (event) { +page.addEventListener( + "click", + (event) => { if (event.target.tagName !== "A") return; + if (!event.target.closest(".track-list")) return; event.preventDefault(); event.stopPropagation(); - var href = event.target.href; - - var player = document.querySelector(".audio-player"); - + const href = event.target.href; + const player = document.querySelector(".audio-player"); player.querySelector("figcaption > b").textContent = event.target.dataset.caption; - - var audio = player.querySelector("audio"); + const audio = player.querySelector("audio"); audio.src = href; audio.play(); - }); -} + }, + { capture: true } +); diff --git a/layouts/partials/docs/inject/content-after.html b/layouts/partials/docs/inject/content-after.html index b7bfcce..c173497 100644 --- a/layouts/partials/docs/inject/content-after.html +++ b/layouts/partials/docs/inject/content-after.html @@ -2,5 +2,5 @@
本文仅供学习所用,严禁转载或商业加工,任何需求请联系译者 (佐倉 奈緒)
-{{ $customize_js := resources.Get "customize.js" | resources.Minify | resources.Fingerprint "sha512" }} +{{ $customize_js := resources.Get "customize.js" | js.Build | resources.Minify | resources.Fingerprint "sha512" }} \ No newline at end of file