点击复制按钮复制input中的内容

<input type="text" id="input" readonly value="点击按钮复制此文本!!"></input>
<button onclick="onCopy()">复制内容</button>

<script>
  function onCopy() {
    document.getElementById('input').select()
    document.execCommand('Copy')
    document.getElementById('input').blur()
  }
</script>

 1 <input type=button value=剪切 onclick=document.execCommand('Cut')>
 2 
 3 <input type=button value=拷贝 onclick=document.execCommand('Copy')>
 4 
 5 <input type=button value=粘贴 onclick=document.execCommand('Paste')>
 6 
 7 <input type=button value=撤消 onclick=document.execCommand('Undo')>
 8 
 9 <input type=button value=重做 onclick=document.execCommand('Redo') id=btn2 name=btn2>
10 
11 <input type=button value=删除 onclick=document.execCommand('Delete')>
12 
13 <input type=button value=黑体 onclick=document.execCommand('Bold')>
14 
15 <input type=button value=斜体 onclick=document.execCommand('Italic')>
16 
17 <input type=button value=下划线 onclick=document.execCommand('Underline')>
18 
19 <input type=button value=停止 onclick=document.execCommand('stop')>
20 
21 <input type=button value=保存 onclick=document.execCommand('SaveAs')>
22 
23 <input type=button value=另存为 onclick=document.execCommand('Saveas',false,'c:\\t.htm')>
24 
25 <input type=button value=字体 onclick=document.execCommand('FontName',false,fn)>
26 
27 <input type=button value=字体大小 onclick=document.execCommand('FontSize',false,fs)>
28
29 <input type=button value=刷新 onclick=document.execCommand('refresh',false,0)>

点击复制按钮即可复制input中的内容。
如上JS代码貌似只能复制文本框中的内容(如input,textarea标签),如果需要复制普通标签中的内容,则代码需要稍微的进行改造一下。

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值