兼容所有瀏覽器的js簡單手動複製粘貼文本方法

兼容所有瀏覽器的js簡單手動複製粘貼文本方法

因爲比較簡單所以就簡短說三步:

  1. 創建一個不顯示在頁面上的textarea/input標籤
  2. 將需要複製的值設置到標籤的value屬性上
  3. 獲取標籤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元素,再執行粘貼,不過多贅述了

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章