博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js复制操作,复制成功弹出提示框
阅读量:4030 次
发布时间:2019-05-24

本文共 693 字,大约阅读时间需要 2 分钟。

第一步:引入clipboard.js

第二步:设置标签

设置data-clipboard-text的值为要复制的内容;

第三步:在js中进行复制逻辑编写:

$(function(){	$("[data-toggle='tooltip']").tooltip(); 	$(".publicate").click(function(){	    toastr.options = {	        "closeButton": false,	        "debug": false,	        "positionClass": "toast-top-right",	        "onclick": null,	        "showDuration": "1000",	        "hideDuration": "1000",	        "timeOut": "2000",	        "extendedTimeOut": "1000",	        "showEasing": "swing",	        "hideEasing": "linear",	        "showMethod": "fadeIn",	        "hideMethod": "fadeOut"	    }	    toastr.success('复制成功!');	});	new ClipboardJS('.publicate');//复制到剪切板插件})

在这里需要引入两个文件toastr插件的css和js

点击复制按钮,就会复制成功:

你可能感兴趣的文章
scrapy:xpath string(.)非常注意问题
查看>>
yuv to rgb 转换失败呀。天呀。谁来帮帮我呀。
查看>>
yuv420 format
查看>>
单纯的把Y通道提取出来能正确显示出灰度图来为什么我的Qt就显示不出来呢转换有问题呀?
查看>>
YUV420只绘制Y通道
查看>>
yuv420 还原为RGB图像
查看>>
LED恒流驱动芯片
查看>>
驱动TFT要SDRAM做为显示缓存
查看>>
使用file查看可执行文件的平台性,x86 or arm ?
查看>>
qt5 everywhere 编译summary
查看>>
qt5 everywhere编译完成后,找不到qmake
查看>>
arm-linux开机读取硬件时钟,设置系统时钟。
查看>>
交叉编译在x86上调试好的qt程序
查看>>
/dev/input/event0 键盘输入
查看>>
qt 创建异形窗体
查看>>
可重入函数与不可重入函数
查看>>
简单Linux C线程池
查看>>
内存池
查看>>
输入设备节点自动生成
查看>>
opencv test code-1
查看>>