Js - 复制 粘贴
生活随笔
收集整理的這篇文章主要介紹了
Js - 复制 粘贴
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
document.execCommand 使用官方文檔
關注 “弋凡”(YiFan)微信公眾號吧 記錄簡單筆記 做你的最愛
document.execCommand(aCommandName, aShowDefaultUI, aValueArgument)
返回類型是布爾值,表示是否支持
aCommandName
命令的名稱
aShowDefaultUI
一個 Boolean, 是否展示用戶界面
aValueArgument
一些命令(例如insertImage)需要額外的參數(insertImage需要提供插入image的url),默認為null,一般不用
具體使用
只能對輸入框的值進行操作
<!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 - 复制 粘贴的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: SpringBoot WebSocke
- 下一篇: Ucloud 文件上传