访问一些站长的网站,复制文字的时候总会弹窗提示一个复制成功的窗口,看起来蛮高级的,F12控制台调试了下发现原来是使用了SweetAlert2强大的纯Js模态消息对话框插件来实现的,如何设置复制弹窗呢?设置方法其实很简单,设置完复制弹窗后简单写个教程记录下以免下次忘记怎么使用!同时也给需要同学提供一丢丢帮助吧
样式代码
只需复制如下代码,添加到头部文件header.php或者<head></head>标签内合适的位置,然后保存
中文文字替换成自己想要的
<!-- 引入sweetalert2 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.css" rel="external nofollow" />
<script type="text/javascript" src="https://cdn.bootcss.com/sweetalert/1.1.3/sweetalert.min.js"></script>
<script>
document.body.oncopy = function() {
swal("复制成功!", "站长码字很辛苦,除非注明,否则均为微码盒原创文章,转载或复制请以超链接形式并注明出处。", "success");
};
</script>