當(dāng)前位置：首頁 >

Js - 复制粘贴

發(fā)布時間：2025/3/21 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 Js - 复制粘贴小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

document.execCommand 使用官方文檔

關(guān)注 “弋凡”（YiFan）微信公眾號吧記錄簡單筆記做你的最愛

document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
返回類型是布爾值，表示是否支持
aCommandName
命令的名稱
aShowDefaultUI
一個 Boolean，是否展示用戶界面
aValueArgument
一些命令（例如insertImage）需要額外的參數(shù)（insertImage需要提供插入image的url），默認(rèn)為null,一般不用

aCommandName 命令主要有 `backColor` 修改文檔的背景顏色這需要一個<color> 類型的字符串值作為參數(shù)傳入 `bold` 開啟或關(guān)閉選中文字或插入點的粗體字效果 `copy` 拷貝當(dāng)前選中內(nèi)容到剪貼板 `cut` 剪貼當(dāng)前選中的文字并復(fù)制到剪貼板 `delete` 刪除選中部分 `insertImage` 在插入點插入一張圖片（刪除選中的部分）。需要一個 URL 字符串作為參數(shù) `paste` 在光標(biāo)位置粘貼剪貼板的內(nèi)容 `redo` 重做被撤銷的操作 `removeFormat` 對所選內(nèi)容去除所有格式

具體使用

只能對輸入框的值進(jìn)行操作

<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body><input id="input" value=" 你好世界 !"> <button id="btn">點我復(fù)制</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("復(fù)制成功")}}) </script></html>

若需進(jìn)行復(fù)制操作又不想有輸入框
暴力解決添加固定定位即可
position: fixed;top: -1000px

快來關(guān)注“弋凡”微信公眾號吧

總結(jié)

以上是生活随笔為你收集整理的Js - 复制粘贴的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： SpringBoot WebSocke
下一篇： Ucloud 文件上传