React---點擊按鈕實現內容復制功能


思路:

1.給要復制的內容容器添加一個標簽(可以是ID,可以是類名等),通過dom技術獲取該容器對象;

2.創建Range對象(某個區域內連續的內容),把該容器對象放進去;

3.將Range對象添加到Selection對象里(以便將它暴露出來,聯合document.execCommand('Copy')命令,實現復制功能);

4.給一個Button,綁定copy事件。

代碼:

PS: 1.對於Selection對象和Range對象不明白的,請跳轉至 https://developer.mozilla.org/zh-CN/docs/Web/API/Selection

       2.此處的message是引用的antd里的message組件;

      3.該代碼與是否采用React關系並不大。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM