1. 程式人生 > 實用技巧 >最好用的html複製外掛——Clipboard.js

最好用的html複製外掛——Clipboard.js

官網:http://www.clipboardjs.cn/

(定時觸發,頁面載入前觸發,頁面載入後觸發,點選觸發,滑鼠觸發,內容改變後觸發)

<script type="text/javascript" src="https://cdn.bootcss.com/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.7.1/clipboard.min.js"></script>

<
div id="ta" contenteditable="true" style="border:1px solid red"> <p> <font color="#b6b6b6"><span style="font-size: 28px;">[發怒][調皮][調皮][偷笑][偷笑][發怒]</span></font> </p> </div> <button id="target" action="copy" data-clipboard-target="#ta">Copy to clipboard</
button> <script> var clipboard = new Clipboard('#target'), timer; clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); e.clearSelection(); clearInterval(timer); alert(
'複製成功,停止計時器') }); clipboard.on('error', function(e) { console.error('Action:', e.action); console.error('Trigger:', e.trigger); }); $(window).load(function() { //自動複製 timer = setInterval(function() { $('#target').trigger('click'); }, 1000) }); clipboard.destroy(); </script>