最好用的html複製外掛——Clipboard.js
阿新 • • 發佈:2020-07-27
(定時觸發,頁面載入前觸發,頁面載入後觸發,點選觸發,滑鼠觸發,內容改變後觸發)
<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>