refactor customize script
parent
5a0e968fc4
commit
e34209c965
|
@ -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 }
|
||||
);
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue