Js - 复制粘贴

时间 2020-08-07 标签 js 复制粘贴

document.execCommand 使用官方文档

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

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

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

具体使用

只能对输入框的值进行操做java

<!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: -1000pxweb

Js - 复制 粘贴

document.execCommand 使用官方文档

具体使用

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

Js - 复制粘贴