refactor customize script

pull/5/head
Septs 2022-08-07 16:06:23 +08:00
parent 5a0e968fc4
commit e34209c965
No known key found for this signature in database
GPG Key ID: 6C253909AE7FC3A4
2 changed files with 23 additions and 23 deletions

View File

@ -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 }
);

View File

@ -2,5 +2,5 @@
<hr>
<p>本文仅供学习所用,严禁转载或商业加工,任何需求请联系译者 (<a href="mailto:nao@sakuras.jp">佐倉 奈緒</a></p>
</article>
{{ $customize_js := resources.Get "customize.js" | resources.Minify | resources.Fingerprint "sha512" }}
{{ $customize_js := resources.Get "customize.js" | js.Build | resources.Minify | resources.Fingerprint "sha512" }}
<script src="{{ $customize_js.Permalink }}" integrity="{{ $customize_js.Data.Integrity }}"></script>