兼容所有瀏覽器的js簡單手動複製粘貼文本方法
因爲比較簡單所以就簡短說三步:
- 創建一個不顯示在頁面上的textarea/input標籤
- 將需要複製的值設置到標籤的value屬性上
- 獲取標籤dom調用
select
方法選中所有內容,調用document.execcommand('copy')
執行復制
完事!其實就是模擬手動選中複製的操作
代碼:
//html
<textarea value="哈哈哈"/>
//
const dom = document.getElementsByTagName('textarea')[0]
dom.select()
document.execCommand('copy')
當然如果用react、vue框架用ref獲取虛擬dom也同樣操作就好了
ps: document.execCommand("paste")
這個方法可以用來調用粘貼方法,方法也雷同先獲取dom元素,然後focus元素,再執行粘貼,不過多贅述了