美文网首页
jquery复制到剪切板

jquery复制到剪切板

作者: IT行者q | 来源:发表于2020-04-07 22:00 被阅读0次
    <script>
        function copylink(){
            var text = $('.sharelink').text();
            copyToClipboard(text)
        }
    
        //复制到剪贴板
        function copyToClipboard(text) {
            if (text.indexOf('-') !== -1) {
                let arr = text.split('-');
                text = arr[0] + arr[1];
            }
            var textArea = document.createElement("textarea");
            textArea.style.position = 'fixed';
            textArea.style.top = '0';
            textArea.style.left = '0';
            textArea.style.width = '2em';
            textArea.style.height = '2em';
            textArea.style.padding = '0';
            textArea.style.border = 'none';
            textArea.style.outline = 'none';
            textArea.style.boxShadow = 'none';
            textArea.style.background = 'transparent';
            textArea.value = text;
            document.body.appendChild(textArea);
            textArea.select();
    
            try {
                var successful = document.execCommand('copy');
                var msg = successful ? '成功复制到剪贴板' : '该浏览器不支持点击复制到剪贴板';
                parent.layer.alert(msg);
                $('textarea').hide();
            } catch (err) {
                alert('该浏览器不支持点击复制到剪贴板');
            }
        }
    </script>
    

    相关文章

      网友评论

          本文标题:jquery复制到剪切板

          本文链接:https://www.haomeiwen.com/subject/ekaophtx.html