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标签。