JavaScript 代码实例:复制到剪贴板

复制到剪贴板是基于浏览器的设置中的另一个经典功能。通常,如果转换后的输出仅用于 1-Off 任务,则无需将输出保存到文件,而使用以下 JS 代码片段会更合适:

var copyBtn=document.getElementById("copyBtn");
var contentForSelection=document.getElementById("contentForSelection");
copyBtn.onclick=function(evt) {
 copyBtn.nextElementSibling.innerHTML="";
 copyTransformedOutput("contentForSelection");
 let smallEle=evt.currentTarget.nextElementSibling;
 smallEle.innerHTML="<span style='color:green'> Copied to Clipboard!</span>";
};
function copyTransformedOutput(inputEleId) {
 let copyText = document.getElementById(inputEleId);
 copyText.select();
 copyText.setSelectionRange(0, 99999); /* For mobile devices */
 navigator.clipboard.writeText(copyText.value);
}

请注意,我选择在成功复制代码片段后显示一条消息“已复制到剪贴板”。

因此,转换后的输出随后可以粘贴到其他地方,而无需存储到本地文件中以供使用。

本文来自投稿,不代表知行大拓网立场,如若转载,请注明出处:https://www.dataqb.cn/shili/446.html

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注