点击按钮复制文本框中的内容
下面是自己整理的简单例子
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
function jsCopy(){
var e=document.getElementById("copy-num");//对象是copy-num1
e.select(); //选择对象
document.execCommand("Copy"); //执行浏览器复制命令
alert("复制成功");
}
</script>
<div class="nav navbar-top-links navbar-right">
<li>推广链接：</li>
<li><input id="copy-num" class="form-control" type="text" value="xiaomingwang hello liu shuyu" style="max-width:100px;display:inline-block;color: #999; margin-top:12px"></li>
<li><button onClick="jsCopy()" type="button" class="btn btn-sm">复制</button></li>
</div>
</body>
</html>
转载地址：https://blog.csdn.net/zzh_meng520/article/details/79154047
点击按钮复制文本框中的内容相关推荐
- 点击按钮复制文本框内容
点击按钮复制文本框内容 复制文本框内容的方法如下: function Copy(){var e=document.getElementById("content");//对象是co ...
- 在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料 一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
- vue怎么实现点击复制html,Vue实现点击按钮复制文本内容的例子
Vue实现点击按钮复制文本内容的例子 点击复制功能主要通过 clipboard.js 来实现 在vue中使用clipboard.js 时候发现一个问题,就是如果不是input或者button 按钮的话 ...
- 删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法
问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...
- excel 查找图相框或文本框中的内容
在excel中经常遇到有用户使用图相框或者文本框来输入内容,使excel看上去更加美观,但是如果我们想查找的文字内容在文本框或者图相框中,那么正常的ctrl+F的查找功能就不能正常索搜到这些文字. 需 ...
- 将word文档中所有文本框中的内容转换成普通段落
某些pdf转word工具生成的word文档,会将很多内容放在文本框中,以至于编辑word文档不太方便,例如想全选所有段落中的文字再调整某些格式,文本框中的文字有时候不能像普通段落中的文字一样产生同样的 ...
- html 获取文本框中的内容
获取文本框中的内容有以下两种方法: 假设为如下文本框: <input type="text" value="" id="text"&g ...
- 如何清除文本框中的内容
如何清除文本框中的内容: 1.设置文本框的默认值 <input name ="name" value="张三"> <input name=&q ...
- 如何设置textarea文本框中的内容为只读不可修改状态
设置<textarea>文本框中的内容为只读不可修改状态,只需要加入disabled或readonly即可 <textarea name="qualification&qu ...
最新文章
- 计算机加电后操作系统启动过程
- VPTR的分步初始化
- c#打包mysql配置文件_C#打包SQL数据库部署安装(转)
- ☆用Python实现ACM各大输入输出格式
- 用c/c++实现linux下检测网络接口状态【ZT】
- 【转】Objective-C 属性特性（assign , retain , copy , readonly , readwrite , atomic , nonatomic）...
- 请领导批阅文件怎么说_有请考过的说物业经理资格证怎么考？
- 内部类异常-NoClassDefFoundError
- vmware虚拟机扩展磁盘空间
- Django + mysql + 微信 抢票之本地环境搭建
- 槽函数获取sender_Qt QObject::sender()用法
- zotero本地常见插件配置，新电脑配置zotero，新手入门
- C# 类似PS的魔棒工具(1)
- 一个网站SEO优化主管必须具备的能力
- 一起少女失踪案背后的非法拘禁团伙。
- Jitpack使用指南：maven-publish如虎，jitpack如翼 【安卓Java组件化模块化】【更多gradle技巧】
- TSC TTP-342M Pro条码打印机的调用打印代码
- h5封装table表格 vue
- 湖南科技大学计算机网络试题,湖南科技大学-计算机网络2010-2011AB试题.doc
- 获取匹配产品规则、淘宝erp、淘宝打单发货接口