<!doctype html>
<html lang="en" >
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body id="pageArea" class="list">
<button type="button" id="copyText" data-clipboard-text="这是需要复制的文本" onclick="copyText();">复制文本</button>
<script src="jquery.min.js"></script>
<script src="clipboard.min.js"></script>
<script>
function copyText() {
var clipboard = new Clipboard('#copyText');
clipboard.on('success', function(e) {
alert("已复制到剪切板")
console.info('Text:', e.text);
e.clearSelection();
});
clipboard.on('error', function(e) {
alert("复制失败");
});
}
</script>
</body>
</html>
评论0