爪哇社区
  • 首页
  • 文章
  • 问答
  • 导航



  1. 首页
  2. 文章列表
  3. JQ 实现复制到剪切板

JQ 实现复制到剪切板

发布:HelloJq 时间:2024-10-27

引入JS 插件  clipboard.js


使用方法:

$(document).ready(function(){  
   			var clipboard = new ClipboardJS('.btn');
   			clipboard.on('success', function(e) {
   					alert('复制成功');
   			});
   			clipboard.on('error', function(e) {
   				alert('复制失败');
   			});
   		});   


1、复制input输入框的值到剪切板

<input id="foo" type="text" value="hello">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">复制</button>
 

2、复制DIV的值到剪切板

<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">复制</button>



爪哇社区 © 2024