在react中实现文本复制

 copyTranslateResult = () => {

        const copyDOM = document.querySelector('.translateResult');

        if (copyDOM.innerHTML !== '') {

            var range = document.createRange(); //创建一个range

            window.getSelection().removeAllRanges(); //清楚页面中已有的selection

            range.selectNode(copyDOM); // 选中需要复制的节点

            window.getSelection().addRange(range); // 执行选中元素

            var successful = document.execCommand('copy'); // 执行 copy 操作

            if (successful) {

                message.success('复制成功!');

            } else {

                message.warning('复制失败,请手动复制!');

            }

            // 移除选中的元素

            window.getSelection().removeAllRanges();

        } else {

            message.warning('没有内容');

        }

    };
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。