fixed event order issues with swapping

Signed-off-by: ari melody <ari@arimelody.me>

public/script/music-gateway.js

@@ -51,7 +51,14 @@ function bind_go_back_btn() {
 
 function bind_share_btn() {
         const share_btn = document.getElementById("share");
-        share_btn.onclick = (e) => {
+        if (navigator.clipboard === undefined) {
+                share_btn.onclick = event => {
+                        console.error("clipboard is not supported by this browser!");
+                };
+                return;
+        }
+        share_btn.onclick = event => {
+                event.preventDefault();
                 navigator.clipboard.writeText(window.location.href);
                 share_btn.classList.remove('active');
                 void share_btn.offsetWidth;

public/script/swap.js

@@ -4,7 +4,6 @@ let caches = {};
 
 async function cached_fetch(url) {
         let cached = caches[url];
-        console.log("cache: " + cached);
 
         const res = cached === undefined ? await fetch(url) : await fetch(url, {
                 headers: {
@@ -113,4 +112,6 @@ window.addEventListener("popstate", event => {
         swap(event.state, false);
 });
 
-bind(document.body);
+document.addEventListener("DOMContentLoaded", () => {
+        bind(document.body);
+});

public/style/music-gateway.css

@@ -358,11 +358,17 @@ ul#links a:hover {
 
 #share {
         margin: 0;
+        padding: 0;
         display: inline-block;
+        color: inherit;
+        font-family: inherit;
+        font-size: inherit;
         line-height: 1em;
         text-shadow: 0 .05em 2px #0004;
         cursor: pointer;
         opacity: .5;
+        background: none;
+        border: none;
         transition: opacity .1s linear;
 }