Js - 复制粘贴

最新推荐文章于 2022-12-30 22:15:00 发布

也很甜

最新推荐文章于 2022-12-30 22:15:00 发布

阅读量250

点赞数 1

分类专栏：笔记文章标签： javascript html js

本文链接：https://blog.csdn.net/qq_36296417/article/details/106278763

版权

笔记专栏收录该内容

20 篇文章 0 订阅

订阅专栏

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

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

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

也很甜

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Js - 复制粘贴

document.execCommand 使用官方文档关注 “弋凡”（YiFan）微信公众号吧记录简单笔记做你的最爱document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)返回类型是布尔值，表示是否支持aCommandName命令的名称aShowDefaultUI一个 Boolean，是否展示用户界面aValueArgument一些命令（例如insertImage）需要额外的参数（insertIma
复制链接

扫一扫