js实现复制文本及其排版格式

复制文案同时保留其缩进排版

// 复制文案同时保留其缩进排版
copyFn(){const selection = window.getSelection()selection.removeAllRanges()const range = document.createRange()range.selectNodeContents(document.getElementById('code-wrap')) // 需要选中的dom节点selection.addRange(range)document.execCommand('copy')selection.removeAllRanges()
}

2.仅复制文案（所有文案都在一行）

// 仅复制文案（所有文案都在一行）
copyFn(data){const url = data // 要复制的文案const oInput = document.createElement('input')oInput.value = urldocument.body.appendChild(oInput)oInput.select()document.execCommand('Copy')oInput.remove()
}

js实现复制文本及其排版格式相关推荐

js实现复制文本内容到剪切板
js实现复制文本内容到剪切板一.总结一句话总结:就是document的execCommand('copy')方法二.js实现复制文本内容到剪切板直接上代码: 1 <script type ...
使用 css 和 js 禁止复制文本
目录内容介绍使用方法 1.使用css 2.使用js(二选一) 3.完整代码内容介绍在我们不希望或某些情况下不希望用户复制页面信息时,应该考虑到选中复制和鼠标右键菜单复制等情况,下面分 ...
一段js实现复制文本内容到剪切板
<script type="text/javascript"> function copyUrl2(){var Url2=document.getElementById ...
一段js实现复制文本内容到剪切板（该方法兼容所有浏览器~）
直接上代码: <script type="text/javascript"> function copyUrl2(){var Url2=document.getElem ...
js复制文本（带文本格式or不带文本格式）
1.js仅直接复制文本(修复ios会自动弹出键盘的问题) const input = document.createElement('input'); document.body.appendChil ...
遇到网页无法复制文本怎么办，程序员来教你一键解锁，不需要任何软件和插件
本篇文章主要讲解网页禁用js,复制文本的方法教程日期:2021年12月5日作者:任聪聪步骤一.打开开发者工具,按F12按钮,笔记本按住FNLK+F12 步骤二.找到设置 setting 点击它 ...
js打开页面自动复制文本到剪贴板_浏览器剪贴板API的应用
剪贴板在生产力平台上有很高的使用频率.剪贴板API在主流的浏览器上也已经有了不错的支持率.基于前端技术的生产力工具就需要考虑接入这些的能力. 技术上可以实现的场景有: 在onpaste事件读取剪贴板内 ...
关于js复制文本信息（按钮级别）
最近应产品要求,需要实现一个按钮级别热复制文本功能,效果就是单击按钮复制对应的文本,该文本是需要从数据库里面取出来然后加密的,最初的打算是使用js插件在前台页面搞定. 于是上网找了一些相关资料, ...
firefox 复制文本js代码。判断窗口是关闭还是刷新
判断窗口是关闭还是刷新 <script> function window.onbeforeunload(){ with(window.event)if(clientY<0&am ...

js实现复制文本及其排版格式

js实现复制文本及其排版格式相关推荐

最新文章

热门文章