剪切板是電腦中常用的一項功能,我們經常用它來復制和粘貼文本或圖片等。隨著 jQuery 技術的發展,我們也可以借助它來設置剪切板,請看下面的示例:
// 點擊按鈕設置復制內容到剪切板 $('#copy-btn').on('click', function(){ // 創建 input 元素 var $temp = $('<input>'); // 添加到頁面 $('body').append($temp); // 設置剪切板內容 $temp.val('需要復制的內容').select(); // 復制到剪切板 document.execCommand('copy'); // 刪除臨時元素 $temp.remove(); alert('復制成功!'); });
首先,我們給按鈕綁定了一個 click 事件,在點擊按鈕時執行復制操作。接下來,創建一個 input 元素,并將其添加到頁面中。然后,通過設置 $temp 的 val 值,將需要復制的內容存入 input 元素中。
執行 select() 方法后,input 內容被選中,隨后使用 execCommand('copy') 方法將其復制到剪切板中。最后,刪除臨時元素,提示復制成功即可。
注意:該方法僅在現代瀏覽器中受支持,IE瀏覽器暫不支持此功能。
下一篇div 文字居中