先來看下本次需要匯入的檔案:
第乙個是jquery.js,這個不多說;
那麼如何使用上面鏈結 呢?
先看第乙個效果圖:
點選複製鏈結,複製輸入框的內容到貼上板上。下面是html**,比較粗糙。
>複製鏈結
span
>
<
script
src="jquery.min.js"
>
script
>
<
script
src="jquery.zclip.js"
>
script
>
<
script
>$('
#copybtn
').zclip(,
aftercopy:
function
() });
script
>
body
>
html
>
以上**經測試,在ie8下點選是沒有效果的。因為不知道如何使這個外掛程式相容ie8,所以下面換一種方式來相容ie8:
點選按鈕後的彈框效果圖:
實現**:
doctype html這裡是通過判斷是否是ie8瀏覽器,自動選中分享鏈結,但是需要通過手動複製,最終實現分享功能。>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>
title
>
head
>
<
body
>
<
div
class
="sharebtn"
>複製
div>
<
div
id="copylayer"
style
="display: none;padding: 3%;"
>
<
p>方法一: 快捷鍵ctrl+c 複製
p>
<
p>方法二: 滑鼠右鍵選擇複製
p>
<
textarea
id="copycontent"
name
=""rows
="6"
style
="width: 98%;"
>
textarea
>
div>
<
script
src="jquery.min.js"
>
script
>
<
script
src="jquery.zclip.js"
>
script
>
<
script
src="layer/layer.js"
>
script
>
<
script
>
varurlpath
=window.location.href;
$('.sharebtn
').click(
function
() });}})
//ie9+及主流瀏覽器
if($.support.leadingwhitespace),
aftercopy:
function
());
}});
}script
>
body
>
html
>
js點選按鈕複製內容到貼上板
複製內容到貼上板,就是要選擇需要複製的內容並執行document.execcommand copy 命令 複製內容到貼上板 function copytoclipboard elemid catch e console.log 複製成功 return succeed 如果應用場景複雜些,可能有多種元...
js實現複製貼上
專案中經常會遇到點選按鈕複製訂單號 訂單id等內容到貼上板中的需求。可是通常我們都是用ctrl c或右擊複製的,別操心,js也是有複製命令的,那就是document.execcommand copy 這個命令會將選中的內容複製到貼上板中,那豈不是還需要選中?別急input和textarea元素有乙個...
輕鬆實現js複製內容和修改貼上板中內容
實現點選不是input或者texterea框的時候複製功能,需求有時複製按鈕需要放置一些特殊的內容,比如乙個選中的樹節點,如果需要獲取到它的id的時候,還有可能會讓你在貼上前對id進行判斷,如果已經存在亦或者是根節點等特殊情況再次做操作的情況。主要通過以下兩個api 進行實現,相容性可以點選鏈結檢視...