JQuery Copy功能是一種常用的實現在網頁中復制內容的方法。它可以將一段文本或者整個頁面內容復制到剪貼板中,方便用戶進行復制內容操作。
$(document).ready(function(){ $('#button').click(function(){ var text = $('#content').text(); var copyTextarea = document.createElement('textarea'); copyTextarea.value = text; document.body.appendChild(copyTextarea); copyTextarea.select(); try { var successful = document.execCommand('copy'); var msg = successful ? 'Copied!' : 'Not copied'; alert(msg); } catch (err) { console.log('Oops, unable to copy'); } document.body.removeChild(copyTextarea); }); });
這段代碼實現的是一個按鈕點擊觸發copy操作,將id為content的元素內容復制到剪貼板中。并且通過try catch語句來捕捉復制操作的異常。
需要注意的是,JQuery Copy功能在不同瀏覽器和不同版本下的表現存在差異。因此,需要進行充分的兼容性測試,以保證用戶體驗的穩定性。