pc端js实现复制功能

最新推荐文章于 2023-02-13 23:19:35 发布

一行注释

最新推荐文章于 2023-02-13 23:19:35 发布

阅读量2.5k

点赞数

分类专栏： js 文章标签： copy input

本文链接：https://blog.csdn.net/qq_37818095/article/details/90053370

版权

js 专栏收录该内容

86 篇文章 1 订阅

订阅专栏

var input=document.getElementById("input");
input.value="a\rb";//达到想要的效果
"a
b"
var input=document.getElementById("input");
input.select(); // 选择对象
document.execCommand("Copy")

<body>
<textarea cols="20" rows="10" id="textarea">用户定义的代码区域</textarea>
<button type="button" onClick="copy()">点击复制代码</button>
</body>

</html>
<script type="text/javascript">
  function copy() {
    var text = document.getElementById("textarea");
    text.select(); // 选择对象
    document.execCommand("Copy"); // 执行浏览器复制命令
  }
</script>

复制限制input和rextarea输入框切是可编辑状态

input框不能有disabled属性
根据第一条扩展，input的width || height 不能为0；
input框不能有hidden属性

可以实现opacity=0并且定位脱离文档

赋值时候\r实现换行功能

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

一行注释

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
pc端js实现复制功能

var input=document.getElementById("input");input.value="a\rb";//达到想要的效果"ab"var input=document.getElementById("input");input.select(); // 选择对象document.execCommand("Copy")<body><text...
复制链接

扫一扫