JavaScript 一鍵複製內容


/**
        一鍵複製
        @param {String} inputValue [需要複製的內容]
        range + selection
        1.創建一個 range
        2.把內容放入 range
        3.把 range 放入 selection
        注意:對於 user-select: none 的元素無效
        */
        function onCopyText(inputValue) {
            var ele = document.createElement('div');
            ele.id = 'eleCopyText';
            ele.style.opacity = '0';
            ele.innerText = inputValue;
            document.body.appendChild(ele);

            try {
                var range = document.createRange();
                range.selectNode(ele);
                window.getSelection().removeAllRanges();
                window.getSelection().addRange(range);
                document.execCommand('copy');
                window.getSelection().removeAllRanges();
                alert('複製鏈接成功')
            } catch (e) {
                alert('複製鏈接失敗')
            }

            // remove temp ele
            ele.parentElement.removeChild(ele);
        }

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章