1. 程式人生 > >js複製內容到剪貼簿程式碼,js複製程式碼

js複製內容到剪貼簿程式碼,js複製程式碼

例子

<script type="text/javascript"> 
    function jsCopy(){ 
        var e=document.getElementById("contents");//物件是contents 
        e.select(); //選擇物件 
        document.execCommand("Copy"); //執行瀏覽器複製命令
    } 
</script> 
<textarea id="contents" cols="40" rows="5"></textarea>
<br />
<input type="button" onClick="jsCopy();" value="複製" />

js複製無非是以下三步:
1、獲取複製的物件:document.getElementById("contents")這句話就是獲取ID=“contents”的textarea。
2、全選物件的內容:e.select()
3、用execCommand("")函式將內容複製。
下面來詳細介紹execCommand("")函式的引數:
1、格式:document.execCommand(sCommand[,互動方式, 動態引數])
2、引數詳解:

001 1、〖全選〗命令的實現
002 [格式]:document.execCommand(”selectAll”)
003 [說明]將選種網頁中的全部內容!
004
005 2、〖開啟〗命令的實現
006 [格式]:document.execCommand(”open”)
007 [說明]這跟VB等程式設計設計中的webbrowser控制元件中的命令有些相似,大家也可依此琢磨琢磨。
008
009 3、〖另存為〗命令的實現
010 [格式]:document.execCommand(”saveAs”)
011 [說明]將該網頁儲存到本地盤的其它目錄!
012
013 4、〖列印〗命令的實現
014 [格式]:document.execCommand(”print”)
015 [說明]當然,你必須裝了印表機!

相關推薦

js實現複製剪貼簿功能相容所有瀏覽器

前段時間做專案的時候,有點選按鈕複製文字的需求,想使用操作windows剪下板實現,在網上查了些資料,發現目前好像只有IE支援直接訪問剪下板,實現需求的時候也只做了IE中的點選複製功能,其餘瀏覽器: if(window.clipboardData){ window.clip

js複製內容剪貼簿程式碼js複製程式碼

例子 <script type="text/javascript">      function jsCopy(){          var e=document.getElementById("contents");//物件是contents   

JS實現各種複製剪貼簿

一、實現點選按鈕,複製文字框中的的內容 <script type="text/javascript"> function copyUrl2() { var Url2=document.getElementById("biao1"); Url2.sele

MFC:使用剪貼簿怎麼將內容複製剪貼簿

經常在論壇上見到一些使用者詢問如何在Visual C++中如何實現對剪貼簿的操作,其實在VC++/MFC中是相當簡單的。本文主要介紹瞭如下內容: 1、文字內容的操作 2、WMF資料的操作 3、點陣圖的操作 4、設定使用自定義格式 5、感知剪貼簿內容的改變 6、自動將資料貼上到另一應用程式視窗 一、文字內容的

clipboard.js 實現移動端和pc端複製剪貼簿功能

感謝以下兩個具有幫助性的部落格: 在vue中使用clipboard.js 時候發現一個問題,就是如果 :data-clipboard-text = “wechat”使用這個屬性的話在移動端就不

js實現複製剪貼簿

以前用js實現複製內容到剪貼簿是比較麻煩的,不過總有大神給我們提供各種庫,如clipboard.js,所以一切變得比較簡單了。 下載地址:https://clipboardjs.com/ <!DOCTYPE html> <html lang="en"&g

點選按鈕複製剪貼簿 js

<span style="font-family: Arial, Helvetica, sans-serif;">案例一:</span></pre><pre code_snippet_id="1755225" snippet_fil

js實現各種複製剪貼簿的方法

function copyToClipboard(txt) { if (window.clipboardData) { window.clipboardData.clearData(); clipboardData.setData("Text", txt); aler

js 複製剪貼簿--ZeroClipboard 2.0

          複製到剪貼簿 這個功能算是比較常見的,但是如果單純的使用js很難做到相容所有的瀏覽器,百度了一下,查到了 Zero Clipboard 這個由flash 以及 js 共同實現的庫。Zero Clipboard 的最新版本是 2.1.6,但大部中文文章都

js實現複製剪貼簿功能

在網頁上覆制文字到剪下板,一般是使用JS+Flash結合的方法,網上有很多相關文章介紹。隨著 HTML5 技術的發展,Flash 已經在很多場合不適用了,甚至被遮蔽。本文介紹的一款JS外掛,實現了純JS方法複製文字到剪下板。 外掛名是Clipboard.js,該外掛不依

draft.js內容清空之後游標的位置會錯亂

如果編輯器在沒有失焦的情況下(比如, 使用快捷鍵), 清空編輯框內容 , 替換一個空的editorState, 這時候再輸入內容,游標會出現跑到文字前面去, 以及各種游標錯亂的情況 解決問題的關鍵在於 切換內容的時候,讓編輯器失去焦點 切換完成後,再重新focus

**萬能的“一鍵複製剪貼簿支援IE、火狐、谷歌及移動版瀏覽器**

說到點選按鈕“複製到剪貼簿",大家都可能用過,但是之前的實現方不是隻支援某些瀏覽器,就是要在網頁內嵌swf(Flash)檔案。 這兩種方法:第一種不能很好的相容多數瀏覽器,第二種方式下開發人員可能會擔心Flash的安全性問題。 現在出現了一種新的實現方式:clipboard

android內容複製剪貼簿

Android提供的剪貼簿框架,複製和貼上不同型別的資料。資料可以是文字,影象,二進位制流資料或其它複雜的資料型別。 Android提供ClipboardManager、ClipData.Item和ClipData庫使用複製和貼上的框架。為了使用剪貼簿的框架,

點選複製按鈕將指定id內容複製剪貼簿

描述:實現如圖效果解決: <div class="zbdh_xiaoyi yqjl_coin"> <h4>您的專邀屬請碼</h4> <

delphi 剪貼簿操作讀取剪貼簿內容

//全域性變數NextClipHwnd:HWND;//剪貼簿觀察鏈中下一個視窗控制代碼    procedure TForm1.FormShow(Sender: TObject);begin  //獲得剪貼簿觀察鏈中下一個視窗控制代碼,並將控制代碼註冊到剪貼簿觀察鏈中  Ne

jQuery+layer+clipboard實現複製剪貼簿的功能相容各大主流瀏覽器

最近在研發微信公眾平臺的後臺管理,上傳永久素材時會用到複製到剪貼簿的功能,想著提升使用者體驗,也方便自己後臺的操作。於是在網上找了發現有個外掛可以實現,有些網友也分享了示例,但還是不能滿足我的需求,便琢磨了如何結合 jQuery+layer+clipboard,利用layer

jquery wysiwyg.js實現富文字編輯框複製圖片及文字

wysiwyg.js是一款十分強大的、所見即所得的jQuery富文字編輯器外掛。wysiwyg.js富文字編輯器體積小,支援選擇、鍵盤、佔位等眾多事件。而且該富文字編輯器的相容性十分好,甚至相容IE

Android系統剪貼簿(ClipboardManager)的使用: 通過程式碼複製和貼上資料

1. 概述 操作 Android 系統剪貼簿的類在 android.content 包下(SDK API 11+),主要包含下面三個類: ClipboardManager: 表示一個剪貼簿

【轉載】js訪問系統剪貼簿

問題描述 IE 支援使用 window.clipboardData 物件內的一系列方法訪問系統剪貼簿; Chrome 和 Safari 中存在類似的 Clipboard 物件,且有與 IE 中類似的方法,但其功能尚未實現; Firefox 和 Opera 不支援這類物件。 造成的影響

截屏當前視窗並把截到的圖複製剪貼簿

/*   * hwnd:要截圖的視窗的控制代碼   * fileName:要比較的圖片的路徑   * offsets:有4個成員的int型陣列,用於設定比較圖片時,上、下、左、右的偏移量   * offsets[0]:左   * offsets[1]:上   * offs