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
相關文章
- js點選複製內容JS
- JS如何實現點選複製功能,JS點選複製文字JS
- Vue中配合clipboard.js實現點選按鈕複製內容VueJS
- js 實現深複製/深複製JS
- css+js 設定網頁內容不可複製或可複製CSSJS網頁
- JS實現複製大法JS
- JS 點選複製當前URL地址JS
- 教你JavaScript實現一鍵複製內容剪貼簿JavaScript
- js實現複製連結JS
- 9行程式碼實現複製內容至剪下板行程
- JS 物件如何實現深複製JS物件
- 實現前端點選按鈕自動複製剪貼簿功能前端
- js控制文字內容過多時候點選展開方式顯示全部內容demoJS
- js實現點選回到頂部JS
- 短視訊系統原始碼,動態內容實現長按複製貼上原始碼
- JS 實現滑鼠框選(頁面選擇)時返回對應的程式碼或文字內容JS
- mui 點選長按複製文字UI
- 利用 ChangeStream 實現 Amazon DocumentDB 表級別容災複製
- 【JavaScript】聊一聊js中的淺複製與深複製與手寫實現JavaScriptJS
- C#將Excel檔案中選擇的內容,複製貼上到 winform datagridviewC#ExcelORMView
- jquery製作圖片瀑布流點選按鈕載入更多內容jQuery
- JS物件複製:深複製和淺複製JS物件
- jQuery table內容點選標題排序jQuery排序
- JS實現滑鼠點選愛心&繪製多邊形&每日一言功能JS
- 批次複製資料夾而不復制內容
- js複製連結並且選中文字JS
- 前端實現複製功能前端
- js | execCommand 複製JS
- js複製功能JS
- js 深複製JS
- JavaScript 點選複製選中文字程式碼例項JavaScript
- 基於js實現點選按鈕回到頂部JS
- 【Java Web基礎】(五)實現新增下拉選單—由使用者輸入內容(Html+JS)JavaWebHTMLJS
- SEO如何減少網站複製重複內容過多的問題?網站
- 部落格內容管理實現
- Laravel 8 實現 內容稽核Laravel
- mysql實現主從複製MySql
- vue實現物件的複製Vue物件