分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

jquery复制值到剪切板(clipboard.js)

发布时间:2023-09-06 02:19责任编辑:白小东关键词:js

引入一个clipboard.js文件即可使用,下载地址:https://github.com/zenorocha/clipboard.js

<script type="text/javascript" src="/UI/scripts/clipboard.min.js"></script>
???<script type="text/javascript" src="/scripts/jquery.min.js"></script>

$(document).ready(function () {

???if ($(".btnCopy").length > 0) {
???????var clipboard = new ClipboardJS(‘.btnCopy‘);
???????//clipboard.on(‘success‘, function (e) {
???????// ???console.log(e);
???????// ???alert("测试复制成功!")
???????//});
???????//clipboard.on(‘error‘, function (e) {
???????// ???console.log(e);
???????// ???alert("测试复制失败!请手动复制")
???????//});
???}
});

页面:

<span id="PayeeName">1111</span><input type="button" class="btnCopy" data-clipboard-action="copy" data-clipboard-target="#PayeeName" value="复制" />

<span id="bankName">222</span><input type="button" class="btnCopy" data-clipboard-action="copy" data-clipboard-target="#bankName" value="复制" />

jquery复制值到剪切板(clipboard.js)

原文地址:https://www.cnblogs.com/cathyxiao/p/9829419.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved