js點擊自動復制文本代碼

① js復制文本到粘貼板(移動端適用)

實現目標：用戶點擊按鈕，系統自動復制指定文本至移動端剪貼板

步驟安排：

1.將待復制文本放置於HTML元素 A 內。

2.構建range對象，並將其綁定至元素 A。

3.選取當前選區並清空內容，然後設定選區為第2步建立的range對象。

4.執行document.execCommand('')方法，完成文本復制。

關鍵要點：

確保操作環境支持document.execCommand方法，適用於多數現代瀏覽器。

注意處理兼容性問題，確保方案在不同設備和瀏覽器上正常運行。

優化用戶體驗，確保復制過程迅速、無延遲。

② 濡備綍鐢╓PS涓鐨凧S瀹忓嶅埗綺樿創涓嶅悓鐨勬暟鎹鍗曞唴瀹癸紵

瑕佸湪WPS涓浣跨敤JS瀹忓嶅埗綺樿創涓嶅悓鐨勬暟鎹鍗曞唴瀹癸紝鍙浠ユ寜鐓т互涓嬫ラゆ搷浣滐細

• 鎵撳紑WPS錛岄夋嫨瑕佷嬌鐢ㄧ殑琛ㄦ牸鏂囨。銆

• 鍦ㄨ〃鏍兼枃妗ｄ腑錛岄変腑浣犺佸嶅埗鐨勫崟鍏冩牸銆

• 鐐瑰嚮鈥滃紑鍙戔濋夐」鍗★紝鐒跺悗鐐瑰嚮鈥滃畯鈥濇寜閽錛岃繖浼氭墦寮涓涓鏂扮殑紿楀彛銆

• 鍦ㄦ柊紿楀彛涓錛岀偣鍑燴滄柊寤衡濇寜閽錛岃緭鍏ュ畯鐨勫悕縐幫紝鐒跺悗鐐瑰嚮鈥滃壋寤衡濄

• 鍦ㄥ脊鍑虹殑緙栬緫鍣ㄧ獥鍙ｄ腑錛岃緭鍏ヤ互涓婮S浠ｇ爜錛

• scssCopy codefunction pasteValues() { var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet(); var values = sheet.getRange('A1:A5').getValues();


• for (var i = 0; i < values.length; i++) {


• sheet.getRange('B' + (i+1)).setValue(values[i]);


• }


• }



鍦ㄨ繖孌典唬鐮佷腑錛屽皢 A1:A5 鏇挎崲涓轟綘瑕佸嶅埗鐨勫崟鍏冩牸鑼冨洿錛屽皢 B 鏇挎崲涓轟綘瑕佺矘璐寸殑鍗曞厓鏍煎垪鍙楓

• 鐐瑰嚮鈥滀繚瀛樷濇寜閽錛岀劧鍚庡叧闂緙栬緫鍣ㄧ獥鍙ｃ

• 鍥炲埌琛ㄦ牸鏂囨。涓錛岄変腑涓涓絀虹殑鍗曞厓鏍礆紝鐒跺悗鐐瑰嚮鈥滃紑鍙戔濋夐」鍗′腑鐨勨滃畯鈥濇寜閽銆

• 鍦ㄥ脊鍑虹殑瀹忓垪琛ㄤ腑錛岄夋嫨鍒氬垰鍒涘緩鐨勫畯錛岀劧鍚庣偣鍑燴滆繍琛屸濄

• 榪欎細灝嗕綘鍦ㄧ 2 姝ヤ腑閫夋嫨鐨勫崟鍏冩牸澶嶅埗鍒頒綘鍦ㄧ 5 姝ヤ腑鎸囧畾鐨勫崟鍏冩牸涓銆

• 濡傛灉浣犳兂澶嶅埗涓嶅悓鐨勫崟鍏冩牸錛屽彧闇瑕佹洿鏀圭 5 姝ヤ腑鐨勪唬鐮佷腑鐨勫崟鍏冩牸鑼冨洿鍜岀矘璐村崟鍏冩牸鍒楀彿鍗沖彲銆

③ 如何用JS操作粘貼板

主要是用抄到了 window.clipboardData.setData("Text",Text);
他主要有兩個參數：第一個是設置要復制的是一段文本，第二個參數是要復制具體的內容，這個內容可以從文本框中或使用innerHTML獲取。
簡單的實例代碼：
復制代碼 代碼如下:

<script type="text/javascript">
function Data() {
var Text = document.getElementById("ctl00_cpRight_txtUrl").value;
window.clipboardData.setData("Text",Text);
}
</script>

<asp:TextBox ID="txtUrl" runat="server" Height="30px" Width="349px"></asp:TextBox>
<input id="btnCopyUrl" type="button" value="復制URL到粘貼板" onclick="Data()" />
註：ctl00_cpRight_txtUrl這個ID其實是txtUrl生成頁面後自動生成的ID。

④ 如何在頁面載入後調用js的代碼自動復制一段文字

1、首先建立一個父級頁面parent.html,代碼如圖，一個pop函數方法，一個鏈接到child.html的iframe標簽。