手机浏览器点击复制按钮无提示？代码逻辑与语法排查及重写
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>使用浏览器打开</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<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>
<div id="browser">
<a href="<?= $siteurl ?>"><img src="/u/qq.jpg"></a>
<a href="<?= $siteurl ?>"><img src="/u/zfb.jpg"></a>
<a href="<?= $siteurl ?>"><img src="/u/gg.jpg"></a>
<a href="<?= $siteurl ?>"><img src="/u/ss.jpg"></a>
<a href="<?= $siteurl ?>"><img src="/u/ie.jpg"></a>
</div>
<div class="app-download-tip">
<span class="guidance-desc">点击上方图标或复制本站网址自行打开</span>
</div>
<a href="#" class="app-download-btn" data-clipboard-text="<?= $siteurl ?>">点此复制本站网址</a>
<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>
<script>
$(function() {
var clipboard = new ClipboardJS('.app-download-btn');
clipboard.on('success', function(e) {
layer.msg('复制成功！', {icon: 1});
});
});
</script>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/jqjz 著作权归作者所有。请勿转载和采集!