js+html5實現(xiàn)復(fù)制文字按鈕
更新時間：2017年07月15日 15:18:07 作者：ouqi_qiou
這篇文章主要為大家詳細介紹了js+html5實現(xiàn)復(fù)制文字按鈕，具有一定的參考價值，感興趣的小伙伴們可以參考一下
本文實例為大家分享了js+html5實現(xiàn)點擊復(fù)制文字的按鈕，供大家參考，具體內(nèi)容如下
圖片展示：
注意css中的樣式，有些頁面復(fù)制不成功就是沒有添加那一句造成的。
代碼塊
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<style type="text/css">
*{
-webkit-user-select: auto;
}
</style>
<body>
<span id="content">
你好，好久不見！
</span>
<button id="copyBT">復(fù)制</button>
<script>
function copyArticle(event) {
const range = document.createRange();
range.selectNode(document.getElementById('content'));
const selection = window.getSelection();
if(selection.rangeCount > 0) selection.removeAllRanges();
selection.addRange(range);
document.execCommand('copy');
alert("復(fù)制成功！");
}
document.getElementById('copyBT').addEventListener('click', copyArticle, false);
</script>
</body>
</html>
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
關(guān)于JavaScript中name的意義沖突示例介紹
這篇文章主要介紹了關(guān)于JavaScript中name的意義沖突,需要的朋友可以參考下2014-05-05
這篇文章主要介紹了js中跨域方法原理詳解的相關(guān)資料,需要的朋友可以參考下2015-07-07
利用了jquery的ajax實現(xiàn)二級聯(lián)互動菜單
二級聯(lián)互動菜單，利用了jquery的ajax實現(xiàn)，具體實現(xiàn)如下，喜歡的朋友可以參考下2013-12-12
js canvas實現(xiàn)適用于移動端的百分比儀表盤dashboard
這篇文章主要為大家詳細介紹了js canvas實現(xiàn)適用于移動端的百分比儀表盤dashboard，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
JavaScript中內(nèi)存泄漏的介紹與教程（推薦）
內(nèi)存泄露是指一塊被分配的內(nèi)存既不能使用，又不能回收，直到瀏覽器進程結(jié)束。下面這篇文章主要給的大家介紹了關(guān)于JavaScript中內(nèi)存泄漏的相關(guān)資料，文中介紹的非常詳細，對大家具有一定的參考學習價值，需要的朋友們下面來一起看看吧。2017-06-06
這篇文章主要為大家詳細介紹了基于JavaScript實現(xiàn)移動端無限加載分頁，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
一轉(zhuǎn)眼已經(jīng)臘月了,相信小伙伴們一定想知道我們距離2023新年還有多少天,下面這篇文章主要給大家介紹了關(guān)于如何一步步教你用js簡單實現(xiàn)新年倒計時的相關(guān)資料,需要的朋友可以參考下2022-12-12
JS小功能(操作Table--動態(tài)添加刪除表格及數(shù)據(jù))實現(xiàn)代碼
這篇文章主要介紹了操作Table--動態(tài)添加刪除表格及數(shù)據(jù)實現(xiàn)代碼，有需要的朋友可以參考一下2013-11-11
這篇文章主要介紹了有效提高JavaScript執(zhí)行效率的幾點知識,本文從JavaScript函數(shù)、JavaScript作用域、JavaScript字符串、JavaScript DOM操作、DOM重繪、DOM訪問、DOM遍歷等方面講解了提高JavaScript執(zhí)行效率的小技巧,需要的朋友可以參考下2015-01-01
Typescript中extends關(guān)鍵字的基本使用
extends表示具體的泛型類型只能是object類型,某個變量如果能斷言成object類型[變量as object],那么這個變量的類型符合T extends object,下面這篇文章主要給大家介紹了關(guān)于Typescript中extends關(guān)鍵字基本使用的相關(guān)資料,需要的朋友可以參考下2022-08-08