利用剪切復制插件,實現移動端復制功能
插件下載地址:
鏈接:https://pan.baidu.com/s/1I7N7fwfdGcXyezw4xA8dEQ
提取碼:jw61
HTML結構:
<button className="pop-btn" id="copyBtn" data-clipboard-action="copy" data-clipboard-text="需要復制的內容"></button>
標簽格式不能變,否則無法觸發復制功能
JS代碼:
conponentDidMount(){/**事件綁定,復制成功會輸出日志,復制失敗或提示用戶*/let clipboard = new ClipboardJS('#copyBtn');clipboard.on('success', function (e) { console.log("復制成功!");});clipboard.on('error', function (e) { console.log("對不起,您的瀏覽器暫不支持一鍵復制功能!");});}

浙公網安備 33010602011771號