js 复制粘贴input value值问题

<input type="text" id="express_num" value="2222" readonly style="opacity: 0;position: absolute;z-index:-1">

//复制快递单号
function copy_express_num(){var express_num = document.getElementById("express_num");express_num.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令layer.open({content: '复制成功',skin: 'msg',time: 2 //2秒后自动关闭});
}

踩坑：

1，input 的 type 属性不能设置为hidden，否则无法复制，同时应该设置input属性为readonly，不能设置为desabled

2，可设置为元素透明，同时把层级调到最低，即可不影响其他元素点击

js 复制粘贴input value值问题相关推荐

JS/jQuery获取input的值和清空input的value值
一.获取input的值 1.通过普通选择器获取通过类选择器获取:$('.class').val() 通过id选择器获取:$(" #id").val() 2.通过标签选择器获取 $ ...
Js - 复制粘贴
document.execCommand 使用官方文档关注 "弋凡"(YiFan)微信公众号吧记录简单笔记做你的最爱 document.execCommand(aComman ...
mui APP复制粘贴,Native.js复制粘贴
/*** @description 获取剪贴板内容 (粘贴)*/ function getClipbordText() {if(!window.plus) return;if(mui.os.andro ...
js 复制粘贴 element
<el-button @click="copyUrl(scope.row.activity_id)" size="small" border type=& ...
Clipboard.js复制粘贴到剪贴板
来自他人参考链接:https://www.cnblogs.com/kevinCoder/p/6144376.html 转载于:https://www.cnblogs.com/jiaqi1719/p/9 ...
js复制、粘贴完整实例代码
前端哥最近在做在线工具箱,用到了js复制.粘贴的功能,刚好现在有时间就记录下来,避免将来需要用到时候随机可查阅,同时也希望帮助到各位正在学习的前端小伙伴们前端哥用到的是浏览器自带clipboard ...
vue实现excel表格复制粘贴
vue表格复制粘贴效果图: 说明:想要实现从excel表格复制内容之后,在vue页面上粘贴.有两个情况: (1)全部列都可以粘贴:无论从哪一列点击开始粘贴,都是从点击的列开始粘贴.效果如上图1 (2 ...
js复制input 框中的值
js复制input 框中的值 function copy(){ var Url2=document.getElementById("copyValue"); Url2.select ...
js实现复制粘贴功能
在项目中使用到复制粘贴功能,虽然网上有很多大牛封装了很多的插件,但是还是想不去使用插件,就像自己来实现这个功能. 初步想法: 1. 获取到需要复制的内容,这里我可以将需要复制的内容放在input或者t ...

js 复制粘贴input value值问题

js 复制粘贴input value值问题相关推荐

最新文章

热门文章