| document.addEventListener("click", function (event) { | |
| var button = event.target.closest("[data-copy]"); | |
| if (!button) return; | |
| var field = document.getElementById(button.dataset.copy); | |
| if (!field) return; | |
| function done() { | |
| var original = button.textContent; | |
| button.textContent = "Copied"; | |
| setTimeout(function () { | |
| button.textContent = original; | |
| }, 1500); | |
| } | |
| field.select(); | |
| field.setSelectionRange(0, field.value.length); // iOS needs the explicit range | |
| if (navigator.clipboard) { | |
| navigator.clipboard.writeText(field.value).then(done, function () { | |
| if (document.execCommand("copy")) done(); | |
| }); | |
| } else if (document.execCommand("copy")) { | |
| // Older browsers, and any context the async clipboard API is unavailable in. | |
| done(); | |
| } | |
| }); | |