js實現文字的複製貼上的功能

阿新 • • 發佈：2019-01-03

本文介紹的js複製貼上功能的實現是藉助於textarea和document.execCommand來實現將文字複製到貼上板上，具體的程式碼如下：

<!DOCTYPE html>
<html>
<head>
    <title>copy</title>
    <style type="text/css">
        .top {
            width: 300px;
            height: 200px;
            position: absolute;
            z-index 
: 2;
            background: #fff;
            overflow: hidden;
        }
        .bottom {
            width: 300px;
            height: 200px;
            position: absolute;
            z-index: 1;
            overflow: hidden;
        }
        #btn {
            height:30px;
            text-align:center 
;
            border:1px #00a2ca solid;
            cursor:pointer
        };
        #btn:hover {
            background:#00a2ca;
            color:#fff
        };
    </style>
    <script type="text/javascript">
        var copy = function(){
            debugger;
            var wrapper = document.getElementById("wrapper" 
);
            var content = document.getElementById("content");
            wrapper.value = content.innerHTML;
            wrapper.select();
            document.execCommand("Copy");
            alert("複製成功！");
        }
    </script>
</head>
<body>
    <!-- 通過遮罩將這個textarea隱藏起來，這樣就不會影響頁面的樣式了 -->
    <div class="bottom">
        <textarea id="wrapper">dasdas</textarea>
    </div>
    <div class="top">
        <p id="content">dadasdasdas</p>
        <span id="btn" onclick="copy()">複製</span>
    </div>
</body>
</html>

原生js實現文字複製功能

廢話不多說，直接上程式碼 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport"

金蝶實現EXCEL複製貼上功能

金蝶K3 WISE從14.0開始可以從EXCEL中直接複製資料貼上到單據當中，可以說比以前一個個手動輸入方便了很多.如果有多個欄位需要同時複製的話，就不支援了，只能一列一列複製，有點麻煩。為了操作方便或滿足以前版本沒有複製功能，很多網友製作了從EXCEL文件中選擇匯入的功能，滿足了一定的需求，

js實現文字的複製貼上的功能

本文介紹的js複製貼上功能的實現是藉助於textarea和document.execCommand來實現將文字複製到貼上板上，具體的程式碼如下： <!DOCTYPE html> <

js實現複製貼上功能

在專案中使用到複製貼上功能，雖然網上有很多大牛封裝了很多的外掛，但是還是想不去使用外掛，就像自己來實現這個功能。初步想法： 1. 獲取到需要複製的內容，這裡我可以將需要複製的內容放在input或者textarea的value中，然後使用input的select()方法來獲取到值； 2. 獲取到值了，那我

iOS小功能備忘----實現文字複製到貼上板

今天，我們一起來學習在iOS中如何自定義將文字複製到貼上板。在iOS中有三個控制元件自身就有複製-貼上的功能：UITextView、UITextField和UIWebView。在這裡，我們自定義一個button簡單地實現將label中的文字複製到貼上板中。首先建立一個工

Java實現剪下複製貼上功能（含不同文字域的判斷）

通過焦點事件判斷不同的文字域不同文字域焦點事件的處理 tp1.addFocusListener(new FocusListener(){ @Override public void focu

通過如何通過js實現複製貼上功能

在ie中window.clipboardData（剪下板物件）是可以被獲取，所以利用這個方法我們可以實現在IE當中複製貼上的功能，demo如下！ <html> <head> <meta http-equiv="Content-Type" content="text/h

html5+CSS 實現禁止IOS長按複製貼上功能

/*設定IOS頁面長按不可複製貼上，但是IOS上出現input、textarea不能輸入，因此將使用-webkit-user-select:auto;*/*{-webkit-touch-callout:

iOS開發怎樣實現全系統的文字複製貼上

在開發的過程中，我們有時候想要在A應用中複製一段文字，然後在B應用中貼上使用，這就需要使用到系統級的複製貼上功能了。在iOS中，實現全系統複製功能的程式碼其實很簡單： UIPasteboard *p

純原生JS模擬複製貼上功能支援IE5+

if (!Function.prototype.bind) { Function.prototype.bind = function(obj) { var _self = this ,args = arguments;

Cocos2d-x中用Lua實現剪下板的文字複製貼上(iOS篇)

這個問題搞死我了……弄了好久才弄好。看上去其實挺唬人的，需要從Lua調到C++，再調到OC，其實仔細分析一下的話還好。我們下面開始講解：首先是Lua調到C++(如果直接是C++的專案請無視)：首先，我們在專案裡建一個ClipboardHelper.cpp，一個Clipb

MFC 實現richedit右鍵選單的複製貼上功能

//滑鼠右鍵響應函式 void CMSR009BTDlg::OnContextMenu(CWnd* pWnd, CPoint point) {// TODO: Add your message handler code hereCMenu popMenu;CRect rect1,rect2,rect3;//

在PowerShell中實現複製貼上功能

為了方便在windows下能夠像Linux下一樣方便的使用命令列進行操作，選取了命令列工具powershell。但是其複製貼上功能無法使用…… 下面給出解決思路： 1、從執行對話方塊或者開始

實現點選複製貼上功能

實現功能:實現點選轉換為固定格式的json格式;並且實現點選複製功能使用前端程式碼實現: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

用js實現搖一搖功能

ice 彈出 update 運動 including scrip read log 頁面 function init(){ 　　if (window.DeviceMotionEvent) { 　　　　// 移動瀏覽器支持運動傳感事件　　　　window.addEvent

JS實現文字倒計數

console bsp else .text ack htm lan his practice <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head>

js實現文字無間斷左右滾動和圖片左右滾動

scroll body height type rip 實現 ack class tex var MyMar=setInterval(Marquee,speed); scroll_div.onmouseover=function() {clearInterval(MyMar

js 實現簡易留言板功能

con wid NPU children 標準 element 出錯 hdel focus <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xh

Java基礎學習之IO流模擬輸入複製貼上功能

學習了IO流後，瞭解其IO體系：字元流： Reader:輸入流讀取進入記憶體 Writer:輸出流寫入進硬碟位元組流： InputStream:輸入流讀取進記憶體 OutputStream:輸出流寫入進硬碟下面通過字元流的輸入流（FileReader）以及輸出流（F

js實現文字的複製貼上的功能

相關推薦