js 實現點選複製內容
場景:頁面有一個按鈕,點選按鈕可以複製一個連結,直接貼上會有內容
程式碼:
<input class="xcx_url_short" type="text" id="url" style="opacity:1" :value="info.xcx_url_short" readonly="readonly">
<mt-button @click="copyUrl()" type="primary">點選複製連結</mt-button>
js
//點選複製
copyUrl(){
var copyobject=document.getElementById("url");
copyobject.select();
document.execCommand("Copy");
this.$Toast('複製成功')
},
注意:點選複製,只有input的text和textarea才有此功能
input不能設定為hidden,設定hidden的時候,複製不到內容
input 不能設定disabled
相關文章
- Vue中配合clipboard.js實現點選按鈕複製內容VueJS
- JS如何實現點選複製功能,JS點選複製文字JS
- 相容所有瀏覽器的點選複製文字內容效果瀏覽器
- js實現的點選複製選中文字程式碼例項JS
- JS實現點選按鈕複製當前介面的URLJS
- 原生js實現複製內容到剪下板(解決jquery實現不了的問題)JSjQuery
- 點選實現選中指定元素的文字內容
- js實現的點選顯示或者隱藏相關內容JS
- css+js 設定網頁內容不可複製或可複製CSSJS網頁
- js 實現深複製/深複製JS
- 點選文字框實現文字框內容選中效果
- 教你JavaScript實現一鍵複製內容剪貼簿JavaScript
- JS 點選複製當前URL地址JS
- JS實現複製大法JS
- js實現複製功能JS
- 9行程式碼實現複製內容至剪下板行程
- js實現複製連結JS
- JS 物件如何實現深複製JS物件
- html 點選複製功能HTML
- JavaScript複製內容到剪貼簿JavaScript
- 實現前端點選按鈕自動複製剪貼簿功能前端
- 利用JS實現複製/貼上功能JS
- 如何實現讓編輯支援word內容和截圖的複製黏貼
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS
- 短視訊系統原始碼,動態內容實現長按複製貼上原始碼
- 點選標題實現內容元素伸展和收縮程式碼例項
- js實現點選回到頂部JS
- mui 點選長按複製文字UI
- 點選按鈕拷貝複製元素內文字程式碼例項
- 利用 ChangeStream 實現 Amazon DocumentDB 表級別容災複製
- JS複製內容到剪貼簿(相容FF/Chrome/Safari所有瀏覽器)JSChrome瀏覽器
- 如何使用angularjs實現抓取頁面內容AngularJS
- 複製ue中的十六進位制內容
- nodejs呼叫cmd命令實現複製目錄NodeJS
- swift點選Tableviewcell展開下拉選單內容SwiftView
- jquery製作圖片瀑布流點選按鈕載入更多內容jQuery
- jQuery table內容點選標題排序jQuery排序
- 禁止複製網頁內容的程式碼例項網頁