Js - 复制粘贴

document.execCommand 使用官方文档

关注 “弋凡”（YiFan）微信公众号吧记录简单笔记做你的最爱

document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
返回类型是布尔值，表示是否支持
aCommandName
命令的名称
aShowDefaultUI
一个 Boolean，是否展示用户界面
aValueArgument
一些命令（例如insertImage）需要额外的参数（insertImage需要提供插入image的url），默认为null,一般不用

aCommandName 命令 主要有
`backColor`
修改文档的背景颜色这需要一个<color> 类型的字符串值作为参数传入
`bold`
开启或关闭选中文字或插入点的粗体字效果
`copy`
拷贝当前选中内容到剪贴板
`cut`
剪贴当前选中的文字并复制到剪贴板
`delete`
删除选中部分
`insertImage`
在插入点插入一张图片（删除选中的部分）。需要一个 URL 字符串作为参数
`paste`
在光标位置粘贴剪贴板的内容
`redo`
重做被撤销的操作
`removeFormat`
对所选内容去除所有格式

具体使用

只能对输入框的值进行操作

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Title</title>
</head>
<body><input id="input"  value=" 你好 世界 !">
<button id="btn">点我复制</button></body>
<script>let btn = document.querySelector('#btn');btn.addEventListener('click', () => {let input = document.querySelector('#input');//   let input = document.getElementById("input");  2种都可input.select();if (document.execCommand('copy')) {document.execCommand('copy');alert("复制成功")}})
</script></html>

若需进行复制操作又不想有输入框
暴力解决添加固定定位即可
position: fixed;top: -1000px

快来关注“弋凡”微信公众号吧

Js - 复制粘贴相关推荐

mui APP复制粘贴,Native.js复制粘贴
/*** @description 获取剪贴板内容 (粘贴)*/ function getClipbordText() {if(!window.plus) return;if(mui.os.andro ...
js 复制粘贴 element
<el-button @click="copyUrl(scope.row.activity_id)" size="small" border type=& ...
js 复制粘贴input value值问题
<input type="text" id="express_num" value="2222" readonly style=&qu ...
Clipboard.js复制粘贴到剪贴板
来自他人参考链接:https://www.cnblogs.com/kevinCoder/p/6144376.html 转载于:https://www.cnblogs.com/jiaqi1719/p/9 ...
js复制、粘贴完整实例代码
前端哥最近在做在线工具箱,用到了js复制.粘贴的功能,刚好现在有时间就记录下来,避免将来需要用到时候随机可查阅,同时也希望帮助到各位正在学习的前端小伙伴们前端哥用到的是浏览器自带clipboard ...
js 复制图片_不会做ppt？Reveal.js让你复制粘贴另类拉风，简洁优雅又低调
要了解一个新知识我们可以从三个方面入手:是什么,有什么用,怎么用.下面我们就从这三个方面进行讲解Reveal.js Reveal.js是什么它是一个专门用来做 HTML 演示文稿的框架,通俗的讲它是 ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...
JS复制文本到粘贴板，前端H5移动端点击按钮复制文本到粘贴板。
最近做手机端H5网页里面有个活动:点击按钮复制邀请码.查过一些方法,在电脑端可以复制粘贴,一放在手机上面打开网页就不能复制粘贴了. 直接进入正题使用开源项目 clipboard.js, 官网:点击打 ...
JS一键复制粘贴功能
使用clipboard.js 实现: 它是一个不需要Flash,就能实现文本复制或者剪切到剪切板的轻量级插件: 具体实例: 可以使用cdn 或者直接下载设置好引用路径. <!DOCTYPE h ...

Js - 复制粘贴

document.execCommand 使用官方文档

具体使用

快来关注“弋凡”微信公众号吧

Js - 复制粘贴相关推荐

最新文章

热门文章

Js - 复制 粘贴

document.execCommand 使用官方文档

具体使用

快来关注“弋凡”微信公众号吧

Js - 复制 粘贴相关推荐

最新文章

热门文章

Js - 复制粘贴

Js - 复制粘贴相关推荐