js,jquery點擊復制到剪貼板插件clipboard.js的使用


clipboard.js插件自己去下載這東西兼容性還不錯,之前用那個不兼容火狐果斷去掉 http://www.jq22.com/demo/copy20161120/dist/clipboard.min.js
// 插件代碼是jquery插件庫里的

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>function-text</title>
</head>
<body>
<button class="btn">Copy</button>
<div id="c">你是個大sb</div>
<script src="./clipboard.js"></script>
<script>
var c = document.getElementById("c");
var s=c.innerHTML;
var clipboard = new Clipboard('.btn', {
text: function() {
return s;
}
});
clipboard.on('success', function(e) {
alert("復制成功");
});

clipboard.on('error', function(e) {
console.log(e);
});

</script>
</body>
</html>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM