隐藏的元素不会复制到剪贴板

伊万

我试图添加按钮以复制简单的文本字符串,但没有成功。

function kopiraj() {
  var copyText = document.getElementById("toCopy");
  copyText.select();
  document.execCommand("Copy");
  document.getElementById("telefon").innerHTML = 'Copied';
}
<button type="button" onclick="kopiraj()">Copy</button>
<input type="hidden" id="toCopy" value="123456789">
<p id="telefon"></p>

它不会在剪贴板中放置任何内容。

我不需要输入字段。我可以在JS本身中添加文本。

伊瑟伍德

代替hidden属性,使用屏幕外的类和aria-hidden属性(后者用于辅助功能):

.offscreen {
    position: absolute;
    left: -999em;
}

<input ... class="offscreen" aria-hidden="true">

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

“ + y不会复制到剪贴板

文本不会复制到剪贴板 android

在React JS中将值复制到剪贴板,而不会显示伪元素

悬停复制到剪贴板

TAdvEdit 复制到剪贴板

Onclick复制到剪贴板

如何在Go中将文本复制到剪贴板或从剪贴板复制文本?

使用execCommand(Javascript)将隐藏的文本复制到剪贴板

如何将文本从隐藏的文本区域复制到剪贴板?

单击按钮时将 TextBox 文本复制到剪贴板,而无需隐藏代码

复制到剪贴板包括目标元素的父元素

Diodon不会保存任何复制到剪贴板的内容

从剪贴板复制到剪贴板会失去图像透明度

如何在单击时将 div 元素的背景颜色复制到剪贴板?

使用JS将多个元素的innerText复制到剪贴板

如何将 JList 元素文本复制到剪贴板

通过按钮将内容从div元素复制到剪贴板

从多个<li>元素将innerHTML复制到剪贴板

复制到剪贴板并维护HTML元素以进行电子邮件签名

反应:将组件状态值复制到剪贴板,而没有虚拟元素

单击以将特定类的所有元素复制到剪贴板吗?

javascript将所有样式的元素复制到剪贴板

将h1元素的内容复制到剪贴板?

如何将元素从网站复制到变量/剪贴板?

如何使用Nuxt.js将元素复制到剪贴板?

如何复制到剪贴板,列表中的每个元素都将包含新行[pyperclip]

通过单击父元素将文本复制到剪贴板

融合:复制到剪贴板按钮

将串联的常量复制到剪贴板