如何處理HTML文檔和剪貼板

使用帶有Windows 剪貼板的CF_HTML Clipboard Format的確容易讓人搞胡涂，一部分是因?yàn)樗皇莄lipboard format中自帶的剪貼板；它是一個(gè)注冊(cè)格式（registered format），所以不是一個(gè)常量，因?yàn)樗闹禃?huì)因?yàn)橄到y(tǒng)的不同而產(chǎn)生變化。你可以通過(guò)一個(gè)簡(jiǎn)單的API調(diào)用 -- RegisterClipboardFormat來(lái)獲得一個(gè)注冊(cè)剪貼板格式的值。這個(gè)函數(shù)的首次調(diào)用會(huì)通過(guò)一個(gè)給定的字符串來(lái)執(zhí)行，它返回一個(gè)范圍在C000-FFFF之間的唯一值。每一個(gè)在系統(tǒng)上處理的后續(xù)調(diào)用（subsequent call）會(huì)返回同樣的值。用于這種格式中的關(guān)鍵字符串就是“HTML Format”：

成都創(chuàng)新互聯(lián)專注于大英網(wǎng)站建設(shè)服務(wù)及定制，我們擁有豐富的企業(yè)做網(wǎng)站經(jīng)驗(yàn)。 熱誠(chéng)為您提供大英營(yíng)銷型網(wǎng)站建設(shè)，大英網(wǎng)站制作、大英網(wǎng)頁(yè)設(shè)計(jì)、大英網(wǎng)站官網(wǎng)定制、小程序制作服務(wù)，打造大英網(wǎng)絡(luò)公司原創(chuàng)品牌,更為您提供大英網(wǎng)站排名全網(wǎng)營(yíng)銷落地服務(wù)。

你必須首先構(gòu)建一個(gè)描述性的header，并在將HTML數(shù)據(jù)放入剪貼板之前先把它放到數(shù)據(jù)中。這個(gè)header會(huì)給其他程序提供描述版本信息、HTML起始數(shù)據(jù)的偏移量（offset），以及有關(guān)實(shí)際選擇范圍（actual selection）起始地方的信息。用戶可能會(huì)選擇的HTML文檔的一部分甚至只是一個(gè)元素（比如一個(gè)table中的幾行）作為一個(gè)選擇區(qū)域。頁(yè)面的其他部分，比如內(nèi)聯(lián)樣式定義（inline style definitions）則可能會(huì)被要求進(jìn)行完全渲染（render）。你不僅需要將最初所選擇的HTML區(qū)域放入剪貼板，而且還需要放入一個(gè)header，它看起來(lái)就像是這樣：

Version:1.0

StartHTML:000000258

EndHTML:000001491

StartFragment:000001172

EndFragment:000001411

應(yīng)應(yīng)用程序通過(guò)StartFragment和EndFragment屬性來(lái)決定哪些數(shù)據(jù)需要粘貼，這些數(shù)據(jù)或許會(huì)（也可能不會(huì)）用剩下的HTML對(duì)所選擇的部分進(jìn)行格式安排。你必須將HTML注釋放入數(shù)據(jù)中以便將來(lái)對(duì)所選部分進(jìn)行識(shí)別。很明顯，你必須在構(gòu)建最后的header之前完成它，否則偏移量會(huì)有變化。一個(gè)用于所選數(shù)據(jù)的opening/closing注釋標(biāo)簽分別是“!--StartFragment--”和“!--EndFragment--”

html5+js 如何實(shí)現(xiàn) 復(fù)制到剪切板

//方法一：只對(duì)IE有效：

script

function?copyToClipboard()?{?

var?d?=?document.all("source").value;?

window.clipboardData.setData('text',?d);?

}?

/script

button?onclick="copyToClipboard();"拷貝/button?

input?type="text"?size=20?id="source"?value="測(cè)試數(shù)據(jù)"

button?onclick="alert(window.clipboardData.getData('text'));"顯示/button?

button?onclick="window.clipboardData.clearData('text');"清空/button

直接復(fù)制是個(gè)很危險(xiǎn)的操作，所以為了安全谷歌和其他瀏覽器都做了阻止，當(dāng)然出來(lái)IE這種垃圾瀏覽器以外。目前網(wǎng)上的都是借助flash來(lái)達(dá)到兼容，其他的方法還真沒見過(guò)。另外html5當(dāng)然以谷歌內(nèi)核為主：有條報(bào)道：Chrome doesn't do document.execCommand('copy') since October 2010.

2010年后谷歌就不允許使用上述方法復(fù)制了。當(dāng)然可以以提醒的方法來(lái)做：

function?copyToClipboard(text)?{

window.prompt("Copy?to?clipboard:?Ctrl+C,?Enter",?text);

}

html5移動(dòng)開發(fā)，復(fù)制到剪貼板怎么實(shí)現(xiàn)

首先加載本地clipboard.js文件；

然后就是在body中加上要復(fù)制或剪切的文本域內(nèi)容以及按鈕；

使用了HTML5的data-屬性，用來(lái)定位復(fù)制對(duì)象目標(biāo)，它指向了文本域#foo，說(shuō)明復(fù)制的是#foo中的value內(nèi)容，aria-label屬性定義了復(fù)制成功后的信息，用來(lái)提示復(fù)制結(jié)果信息。

移動(dòng)端web 復(fù)制到剪貼板 怎么實(shí)現(xiàn)

H5edu教育HTML5開發(fā)復(fù)制到剪貼板用插件實(shí)現(xiàn)簡(jiǎn)單些jQuery插件：跨瀏覽器復(fù)制jQuery-zclipjQuery-zclip是一個(gè)復(fù)制內(nèi)容到剪貼板的jQuery插件，使用它我們不用考慮不同瀏覽器和瀏覽器版本之間的兼容問(wèn)題。jQuery-zclip插件需要Flash的支持，使用時(shí)記得安裝AdobeFlashPlayer。

文章題目：html5剪貼板,js設(shè)置剪貼板
鏈接分享：http://jinyejixie.com/article0/dsdgdoo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站建設(shè)、網(wǎng)站導(dǎo)航、服務(wù)器托管、網(wǎng)站內(nèi)鏈、網(wǎng)站改版

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)