JS實作各種複制到剪貼闆

一、實作點選按鈕，複制文本框中的的内容

<code><</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>></code>

<code>function copyUrl2()</code>

<code>var Url2=document.getElementById("biao1");</code>

<code>Url2.select(); // 選擇對象</code>

<code>document.execCommand("Copy"); // 執行浏覽器複制指令</code>

<code>alert("已複制好，可貼粘。");</code>

<code></</code><code>script</code><code>></code>

<code><</code><code>textarea</code> <code>cols</code><code>=</code><code>"20"</code> <code>rows</code><code>=</code><code>"10"</code> <code>id</code><code>=</code><code>"biao1"</code><code>>使用者定義的代碼區域</</code><code>textarea</code><code>></code>

<code><</code><code>input</code> <code>type</code><code>=</code><code>"button"</code> <code>onClick</code><code>=</code><code>"copyUrl2()"</code> <code>value</code><code>=</code><code>"點選複制代碼"</code> <code>/></code>

二、複制專題位址和 url 位址，傳給 QQ/MSN 上的好友

<code><</code><code>meta</code> <code>http-equiv</code><code>=</code><code>"Content-Type"</code> <code>content</code><code>=</code><code>"text/html; charset=gb2312"</code> <code>/></code>

<code><</code><code>title</code><code>>Js複制代碼</</code><code>title</code><code>></code>

<code><</code><code>input</code> <code>type</code><code>=</code><code>"button"</code> <code>name</code><code>=</code><code>"anniu1"</code> <code>onClick</code><code>=</code><code>'copyToClipBoard()'</code> <code>value</code><code>=</code><code>"複制專題位址和url位址，傳給QQ/MSN上的好友"</code><code>></code>

<code><</code><code>script</code> <code>language</code><code>=</code><code>"javascript"</code><code>></code>

<code>function copyToClipBoard(){</code>

<code>var clipBoardContent="";</code>

<code>clipBoardContent+=document.title;</code>

<code>clipBoardContent+="";</code>

<code>clipBoardContent+=this.location.href;</code>

<code>window.clipboardData.setData("Text",clipBoardContent);</code>

<code>alert("複制成功，請粘貼到你的QQ/MSN上推薦給你的好友"); }</code>

三、直接複制 url

<code><</code><code>input</code> <code>type</code><code>=</code><code>"button"</code> <code>name</code><code>=</code><code>"anniu2"</code> <code>onClick</code><code>=</code><code>'copyUrl()'</code> <code>value</code><code>=</code><code>"複制URL位址"</code><code>> <</code><code>script</code> <code>language</code><code>=</code><code>"javascript"</code><code>></code>

<code>function copyUrl()</code>

<code>var clipBoardContent=this.location.href;</code>

<code>alert("複制成功!");</code>

四、點選文本框時，複制文本框裡面的内容

<code><</code><code>input</code> <code>onclick</code><code>=</code><code>"oCopy(this)"</code> <code>value</code><code>=</code><code>"你好.要copy的内容!"</code><code>></code>

<code>function oCopy(obj){ obj.select();</code>

<code>js=obj.createTextRange();</code>

<code>js.execCommand("Copy") alert("複制成功!");</code>

五、複制文本框或者隐藏域中的内容

<code>function CopyUrl(target){</code>

<code>target.value=myimg.value;</code>

<code>target.select();</code>

<code>js=myimg.createTextRange();</code>

<code>js.execCommand("Copy");</code>

<code>function AddImg(target){</code>

<code>target.value="[IMG]"+myimg.value+"[/ img]";</code>

<code>js=target.createTextRange();</code>

六、複制 span 标記中的内容

<code><</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code><code>>function copyText(obj)</code>

<code>var rng = document.body.createTextRange();</code>

<code>rng.moveToElementText(obj);</code>

<code>rng.scrollIntoView();</code>

<code>rng.select();</code>

<code>rng.execCommand("Copy");</code>

<code>rng.collapse(false);</code>

七、浏覽器相容 copyToClipboard("拷貝内容")

<code>function</code> <code>copyToClipboard(txt) {</code>

<code> </code><code>if</code> <code>(window.clipboardData) {</code>

<code> </code><code>window.clipboardData.clearData();</code>

<code> </code><code>clipboardData.setData(</code><code>"Text"</code><code>, txt);</code>

<code> </code><code>alert(</code><code>"複制成功！"</code><code>);</code>

<code> </code><code>} </code><code>else</code> <code>if</code> <code>(navigator.userAgent.indexOf(</code><code>"Opera"</code><code>) != -1) {</code>

<code> </code><code>window.location = txt;</code>

<code> </code><code>} </code><code>else</code> <code>if</code> <code>(window.netscape) {</code>

<code> </code><code>netscape.security.PrivilegeManager.enablePrivilege(</code><code>"UniversalXPConnect"</code><code>);</code>

<code> </code><code>} </code><code>catch</code> <code>(e) {</code>

<code> </code><code>alert(</code><code>"被浏覽器拒絕！\n請在浏覽器位址欄輸入'about:config'并回車\n然後将 'signed.applets.codebase_principal_support'設定為'true'"</code><code>);</code>

<code> </code><code>var</code> <code>clip = Components.classes[</code><code>'@mozilla.org/widget/clipboard;1'</code><code>].createInstance(Components.interfaces.nsIClipboard);</code>

<code> </code><code>return</code><code>;</code>

<code> </code><code>var</code> <code>trans = Components.classes[</code><code>'@mozilla.org/widget/transferable;1'</code><code>].createInstance(Components.interfaces.nsITransferable);</code>

<code> </code><code>if</code> <code>(!trans)</code>

<code> </code><code>trans.addDataFlavor(</code><code>"text/unicode"</code><code>);</code>

<code> </code><code>var</code> <code>str = </code><code>new</code> <code>Object();</code>

<code> </code><code>var</code> <code>len = </code><code>new</code> <code>Object();</code>

<code> </code><code>var</code> <code>str = Components.classes[</code><code>"@mozilla.org/supports-string;1"</code><code>].createInstance(Components.interfaces.nsISupportsString);</code>

<code> </code><code>var</code> <code>copytext = txt;</code>

<code> </code><code>str.data = copytext;</code>

<code> </code><code>trans.setTransferData(</code><code>"text/unicode"</code><code>, str, copytext.length * 2);</code>

<code> </code><code>var</code> <code>clipid = Components.interfaces.nsIClipboard;</code>

<code> </code><code>return</code> <code>false</code><code>;</code>

<code> </code><code>clip.setData(trans, </code><code>null</code><code>, clipid.kGlobalClipboard);</code>

八、相容各大浏覽器的複制代碼（結合ZeroClipboard.js）

<code><</code><code>title</code><code>>Zero Clipboard Test</</code><code>title</code><code>></code>

<code><</code><code>script</code> <code>type</code><code>=</code><code>"text/javascript"</code> <code>src</code><code>=</code><code>"ZeroClipboard.js"</code><code>></</code><code>script</code><code>></code>

<code><</code><code>script</code> <code>language</code><code>=</code><code>"JavaScript"</code><code>></code>

<code> </code><code>function $(id) { return document.getElementById(id); }</code>

<code> </code><code>function init() {</code>

<code> </code><code>clip = new ZeroClipboard.Client();</code>

<code> </code><code>clip.setHandCursor(true); </code>

<code> </code><code>clip.addEventListener('mouseOver', function (client) {</code>

<code> </code><code>// update the text on mouse over</code>

<code> </code><code>clip.setText( $('fe_text').value );</code>

<code> </code><code>clip.addEventListener('complete', function (client, text) {</code>

<code> </code><code>//debugstr("Copied text to clipboard: " + text );</code>

<code> </code><code>alert("該位址已經複制，你可以使用Ctrl+V 粘貼。");</code>

<code> </code><code>clip.glue('clip_button', 'clip_container' );</code>

<code><</code><code>body</code> <code>onLoad</code><code>=</code><code>"init()"</code><code>></code>

<code><</code><code>input</code> <code>id</code><code>=</code><code>"fe_text"</code> <code>cols</code><code>=</code><code>50</code> <code>rows</code><code>=</code><code>5</code> <code>value=複制内容文本1 ></code>

<code><</code><code>span</code> <code>id</code><code>=</code><code>"clip_container"</code><code>><</code><code>span</code> <code>id</code><code>=</code><code>"clip_button"</code><code>><</code><code>b</code><code>>複制</</code><code>b</code><code>></</code><code>span</code><code>></</code><code>span</code><code>></code>

JS實作各種複制到剪貼闆

繼續閱讀

主流浏覽器四大綜合性能測試

JavaScript自學筆記【4】函數的聲明與調用目錄二、函數的聲明三、函數的調用

請求逾時VUE axios重新再次請求

nodejs微信開發---授權登入+擷取使用者資訊微信網頁授權

debian9更新4.9.0核心到4.19.2核心過程

Javascript建構Bingo卡片遊戲

JavaScript的那些坑之事件代理事件代理事件階段

javascript的for (var i in data)慎用javascript中的for (var i in data)謹慎用

tab滑鼠經過菜單切換

vue （vue2.0）使用總結(從大體結構總結)

vue搭建過程及出現問題

/\B(?=(?:\d{3})+$)/g 一條令人費解的正規表達式

适用于JavaScript的ECMAScript 2020規範向前發展

JS生成uuid的四種方法

layui多任務上傳添加進度條