아이폰에서 텍스트 복사 / 붙여넣기

2018. 5. 3. 17:44Javascript/Javascript+jQuery

반응형

<span id="value">Lorem ipsum dolor sit amet</span>

<button onclick="javascript:Clipboard.copy(document.querySelector('#value').innerText)">Copy to Clipboard</button>




window.Clipboard = (function(window, document, navigator) {

    var textArea,

        copy;


    function isOS() {

        return navigator.userAgent.match(/ipad|iphone/i);

    }


    function createTextArea(text) {

        textArea = document.createElement('textArea');

        textArea.value = text;

        document.body.appendChild(textArea);

    }


    function selectText() {

        var range,

            selection;


        if (isOS()) {

            range = document.createRange();

            range.selectNodeContents(textArea);

            selection = window.getSelection();

            selection.removeAllRanges();

            selection.addRange(range);

            textArea.setSelectionRange(0, 999999);

        } else {

            textArea.select();

        }

    }


    function copyToClipboard() {        

        document.execCommand('copy');

        document.body.removeChild(textArea);

    }


    copy = function(text) {

        createTextArea(text);

        selectText();

        copyToClipboard();

    };


    return {

        copy: copy

    };

})(window, document, navigator);



반응형