You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
67 lines
2.2 KiB
67 lines
2.2 KiB
import box from "./box.js";
|
|
|
|
let init = () => {
|
|
let URLObj = new URL(location.href);
|
|
console.log(URLObj);
|
|
if (document.querySelector("#readme table tbody")) {
|
|
box.styleConfig();
|
|
box.customElement();
|
|
|
|
let audio_player = new Audio();
|
|
audio_player.setAttribute("autoplay", "true");
|
|
document
|
|
.querySelector("#readme table tbody")
|
|
.addEventListener("click", (event) => {
|
|
//console.log(event.target)
|
|
// console.log(event.target.nodeType)
|
|
// console.log(event.target.nodeName);
|
|
let parentElement = event.target.parentElement;
|
|
if (parentElement && parentElement.nodeName === "TR") {
|
|
if (parentElement.firstElementChild === event.target) {
|
|
//使用搜索引擎查询发音
|
|
box.goToSearchPronounce(event.target.innerText);
|
|
}
|
|
}
|
|
event.preventDefault();
|
|
event.stopPropagation();
|
|
let audio_url = null;
|
|
if (event.target.nodeName === "TD") {
|
|
let aTag = event.target.querySelector("a");
|
|
if (aTag) {
|
|
audio_url = aTag.getAttribute("href");
|
|
}
|
|
}
|
|
if (event.target.nodeName === "IMG") {
|
|
let aTag = event.target.parentNode.parentNode;
|
|
audio_url = aTag.getAttribute("href");
|
|
}
|
|
if (audio_url) {
|
|
let desURL = new URL(audio_url);
|
|
//console.log(desURL.protocol);
|
|
if (desURL.protocol === "http:") {
|
|
//skip http
|
|
location.href = audio_url;
|
|
} else {
|
|
// console.log("audio_url:", audio_url);
|
|
audio_player.setAttribute("src", audio_url);
|
|
}
|
|
}
|
|
});
|
|
document
|
|
.querySelector("#readme table tbody")
|
|
.addEventListener("mouseover", (event) => {
|
|
let parentElement = event.target.parentElement;
|
|
if (parentElement && parentElement.nodeName === "TR") {
|
|
if (parentElement.firstElementChild === event.target) {
|
|
event.target.setAttribute("title", "点击我打开搜索引擎检索");
|
|
event.target.style.cursor = "pointer";
|
|
}
|
|
}
|
|
});
|
|
} else {
|
|
console.log("no found README.md table");
|
|
}
|
|
};
|
|
|
|
export { init };
|