// コピーボタン /*! https://sutasutashiki.blogspot.com/2021/07/create-highlight-js-copy-button.html */ // Reference /*! https://7cc.hatenadiary.jp/entry/2013/07/04/023751 */ //<![CDATA[ "use strict"; (() => { const preTag = Blog1.querySelectorAll(".post-body pre"); for (let i = 0; i < preTag.length; i++) { const btn = document.createElement("button"); btn.className = "copy-button"; btn.textContent = "COPY"; //btn.textContent = "COPY 📋"; preTag[i].appendChild(btn); btn.addEventListener( "click", () => { const Selection = window.getSelection(); const codeTag = btn.parentNode; Selection.selectAllChildren(codeTag); Selection.extend(codeTag, codeTag.childNodes.length - 1); navigator.clipboard.writeText(Selection); Selection.removeAllRanges(); btn.textContent = "COPIED!"; //btn.textContent = "COPIED! ✅"; btn.classList.add("copy-button--after"); setTimeout(() => { btn.textContent = "COPY"; btn.classList.remove("copy-button--after"); }, 1200); }, false ); } })(); //]]>

当サイトを快適にご覧頂くために
JavaScript を有効にしてください