Chrome瀏覽器讀寫系統剪下板

2022-03-07 20:10:37 字數 1642 閱讀 5662

ie瀏覽器支援直接讀寫剪下板內容:

1

window.clipboarddata.cleardata();

2 window.clipboarddata.setdata('text', 'abcd');

但是這種方式不安全,很容易洩露使用者的隱私,所以現在瀏覽器如chrome都不支援這種方式了。

查了很多資料,如果是貼上系統剪下板內容,前提是先去讀取系統剪下板內容。

獲取事件物件:貼上事件提供了乙個clipboarddata的屬性,如果該屬性有items屬性,那麼就可以檢視items中是否有型別的資料了。但是不支援資料夾複製word等檔案,可以賦值文字文字內容和截圖內容。

//

覆蓋瀏覽器貼上事件

document.addeventlistener('paste', function

(e)

for (var i = 0, len = clipboarddata.items.length; i < len; i++) )

} else

if (item.kind === "file") ;

//data url

reader.readasdataurl(pastefile);

}var copy_content = e.clipboarddata.getdata('text/plain');

}})

查詢到的資源都是在事件物件中直接setdata,但是實際測試是沒有效果的。

e.clipboarddata.setdata('text/plain', defaulttext);

以下提供兩種實測有效的設定方式:

1)監聽copy事件,觸發copy命令

ctrl+c監聽按鍵後如果直接設定event.clipboarddata.setdata 是無法生效的,必須通過觸發copy命令後寫入clipboarddata。

但是要記得removeeventlistener,否則影響自己應用其他地方的copy。

1        document.addeventlistener("paste", function

(e) );

4 document.onkeydown = function

(e)

11 document.addeventlistener('copy', handler, true

);12 document.execcommand('copy');13}

14 }

2)通過將需要複製的內容賦值到文字中,將文字框內容選中,執行copy命令

<

textarea

readonly id

="copy_text"

style

="position:absolute;left:-9999px"

>

textarea

>

1

//複製

2 document.onkeydown = function

(e)

參考:  

chrome瀏覽器安裝

在centos 7.x 安裝chrome 瀏覽器的方法。首先在 etc yum.repos.d目錄中建立google chrome.repo檔案,其寫入如下內容 plain view plaincopy google chrome name google chrome baseurl enabled...

chrome瀏覽器除錯

f8 下個斷點 f10 單步執行 f11 單步跳入 shift f11 單步跳出 選中變數,右鍵選擇add to watch,檢視變數值比較方便 有時候我們需要監聽某個 dom 被修改情況 js 比較複雜,找不到 對dom做的改變 那麼我們可以直接在 dom 上設定斷點。如圖所見,在元素審查的 el...

chrome 瀏覽器命令

位址列中輸入如下命令可以得到相應的資訊 命令作用 備註chrome dns 檢視 chromium 的dns預取的網域名稱 chrome net internals capture export import,proxytimeline,dns,socket,spdy,quic,pipelining...