日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

JQ 實現復制到剪切板

作者:碼狗v1.0 更新時間: 2023-08-12 編程語言

JQ 實現復制功能

JQ 實現復制到剪切板

使用JS 插件 下載地址 clipboard.js 官網地址

  1. 復制input輸入框的值到剪切板
//HTML 代碼
<input id="foo" type="text" value="hello">
<button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo">復制</button>

//JS代碼
   		$(document).ready(function(){  
   			var clipboard = new ClipboardJS('.btn');
   			clipboard.on('success', function(e) {
   					alert('成功');
   			});
   			clipboard.on('error', function(e) {
   				alert('失敗');
   			});
   		});  
  1. 復制DIV的值到剪切板
//HTML 代碼  JS代碼于1 一致
<div>hello</div>
<button class="btn" data-clipboard-action="copy" data-clipboard-target="div">復制</button>


原文鏈接:https://blog.csdn.net/qq_35728445/article/details/87971768

  • 上一篇:沒有了
  • 下一篇:沒有了
欄目分類
最近更新