jQuery 实现点击链接复制当前网站 URL 并提示成功
<html>
<head>
<meta charset="UTF-8">
<title>使用浏览器打开</title>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta name="format-detection" content="telephone=no">
<meta content="false" name="twcClient" id="twcClient">
<meta name="aplus-touch" content="1">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div class="top-bar-guidance">
<p>点击右上角<img src="//gw.alicdn.com/tfs/TB1xwiUNpXXXXaIXXXXXXXXXXXX-55-55.png" class="icon-safari"> <span id="openm">Safari打开</span></p>
<p>可以继续浏览本站哦~</p>
</div>
<a style="display: none;" href="" id="vurl" rel="noreferrer"></a>
<div id="browser">
<a href="<?= $siteurl ?>"><img src="/u/qq.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/zfb.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/gg.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/ss.jpg"></img></a>
<a href="<?= $siteurl ?>"><img src="/u/ie.jpg"></img></a>
</div>
<div id="browser"></div>
<div class="app-download-tip">
<span class="guidance-desc">点击上方图标or复制本站网址自行打开</span>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<script src="/u/layer.js"></script>
<a data-clipboard-text='<?= $siteurl ?>' class="app-download-btn">点此复制本站网址</a>
<pre><code> </body>
</html>
</code></pre>
<p>$(document).ready(function(){
var clipboard = new ClipboardJS('.app-download-btn');
clipboard.on('success', function(e) {
layer.msg('复制成功！', {icon: 1});
});
$('a[href="<?= $siteurl ?>"]').click(function(){
clipboard.copy('<?= $siteurl ?>');
layer.msg('复制成功！', {icon: 1});
return false;
});
});</p>
原文地址: https://www.cveoy.top/t/topic/jqjq 著作权归作者所有。请勿转载和采集!