js外掛程式實現點選複製內容到貼上板,相容IE8

2022-07-05 14:36:15 字數 2553 閱讀 6661

先來看下本次需要匯入的檔案:

第乙個是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

>

<

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

>

這裡是通過判斷是否是ie8瀏覽器,自動選中分享鏈結,但是需要通過手動複製,最終實現分享功能。

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 進行實現,相容性可以點選鏈結檢視...