原生js實現複製內容到剪下板(解決jquery實現不了的問題)
以下適用於火狐谷歌瀏覽器:且資料是迴圈遍歷出來的,所以id為變數
foreach($list as $k=>$val){
<textarea id=$k style="position:absolute;bottom:0px; height: 1px; width: 1px;float: right;resize: none;">
要複製的內容(可以提前拼接好放進來)
</textarea>
<td width="10%"><input type="button" onClick=jsCopy("$k"); value="複製" /></td>
}
<!--複製-->
<script type="text/javascript">function jsCopy(k){ //複製事件
var e=document.getElementById(k);//獲取要複製的物件,注:只能是物件不能是文字 像document.getElementById(k).text()這種不行;
e.select(); //選擇物件
tag=document.execCommand("Copy"); //執行瀏覽器複製命令
if(tag){
alert('複製內容成功');
}
}
</script>
相關文章
- jquery的zclip外掛實現複製文字到剪下板jQuery
- 9行程式碼實現複製內容至剪下板行程
- js 實現點選複製內容JS
- js一鍵複製到剪下板JS
- vim沒有clipboard,沒法複製到系統剪下板,透過xclip將複製、刪除的內容放到系統剪下板
- js 一鍵複製至剪下板JS
- clipboard.js原始碼解析-複製到剪下板外掛JS原始碼
- js 實現深複製/深複製JS
- JS實現複製大法JS
- js實現複製功能JS
- Vue中配合clipboard.js實現點選按鈕複製內容VueJS
- pyqt5 QTableWidget 表格控制元件中剪下板複製貼上的實現QT控制元件
- 教你JavaScript實現一鍵複製內容剪貼簿JavaScript
- jquery實現改變所匹配的內容jQuery
- js實現複製連結JS
- JavaFx 監聽剪下板實現(Kotlin)JavaKotlin
- 如解決jquery與原生js衝突的問題jQueryJS
- 原生JS實現頁面內定位JS
- Ajax 跨域難題 - 原生 JS 和 jQuery 的實現對比跨域JSjQuery
- Vue + Element UI 實現複製當前行資料功能(複製到新增頁面元件值不能更新等問題解決)VueUI元件
- 您說的這個功能實現不是問題,問題是實現不了~~
- jquery實現的設定指定元素的文字內容和html內容jQueryHTML
- JS 物件如何實現深複製JS物件
- 原生js實現的物件複製和擴充套件程式碼例項JS物件套件
- 從 MySQL 到 ClickHouse 實時複製與實現MySql
- 利用jquery實現的向指定元素追加指定內容jQuery
- jQuery實現俄羅斯方塊中遇到的問題及解決方法jQuery
- JS如何實現點選複製功能,JS點選複製文字JS
- iOS14剪下板探究,淘寶實現方法分析iOS
- 利用JS實現複製/貼上功能JS
- 使用原生javascript實現jquery的$(function(){ })JavaScriptjQueryFunction
- js點選複製內容JS
- jQuery實現的將指定元素中的內容替換jQuery
- 20 行 JS 程式碼,實現複製到剪貼簿功能JS
- JS實現複製到剪貼簿(支援IE和Firefox)JSFirefox
- 原生javascript實現的節點複製cloneNode()函式用法JavaScript函式
- 解決vuejs 建立資料後設定物件的屬性實現不了雙向繫結問題VueJS物件
- 從無到有實現主從複製