JS實現(xiàn)移動端點擊按鈕復制文本內(nèi)容
更新時間：2019年07月28日 10:29:15 作者：vue筆記
本文通過實例代碼給大家介紹了移動端點擊按鈕復制文本內(nèi)容 ，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
移動端點擊按鈕復制文本內(nèi)容，具體內(nèi)容如下所示:
<div>
<p>邀請碼</p>
//
<p id="inviteCode" class="inviteCode">{{invite_code}}</p>
<input id="inviteCode" class="inviteCode" type="text" />
<p class="copy">復制</p>
</div>
copy() {
var Url2 = this.invite_code;
//var oInput = document.createElement("input");
var oInput = document.getElementById("inviteCode");
//oInput.value = Url2;
// document.body.appendChild(oInput);
oInput.select();// 選擇對象
//document.execCommand("Cut","false",null);// 執(zhí)行瀏覽器剪切命令
document.execCommand("Copy");// 執(zhí)行瀏覽器復制命令
//oInput.className = "oInput";
//oInput.style.display = "none";
alert("復制成功");
//console.log(document.execCommand("Copy"))
},
總結
以上所述是小編給大家介紹的JS實現(xiàn)移動端點擊按鈕復制文本內(nèi)容,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉載，煩請注明出處，謝謝！
相關文章
基于JS實現(xiàn)Android,iOS一個手勢動畫效果
這篇文章主要介紹了基于JS實現(xiàn)Android,iOS一個手勢動畫效果 的相關資料,需要的朋友可以參考下2016-04-04
javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法
這篇文章主要介紹了javascript實現(xiàn)狀態(tài)欄中文字動態(tài)顯示的方法,涉及JavaScript基于時間函數(shù)動態(tài)操作頁面元素屬性的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了微信小程序頁面間傳值與頁面取值操作,結合實例形式分析了微信小程序頁面間傳值及頁面取值操作相關實現(xiàn)技巧與操作注意事項,需要的朋友可以參考下2019-04-04
javascript讀寫XML實現(xiàn)廣告輪換(兼容IE、FF)
最近更新網(wǎng)站首頁廣告，ASP.NET的廣告控件很容易實現(xiàn)這點，可首頁是靜態(tài)頁面，聯(lián)想廣告控件的原理決定采用javascript+xml實現(xiàn)這點方面配置，更新廣告時只要更新xml即可，方便了廣告輪換2013-08-08
最近應項目要求，需要對table中的數(shù)據(jù)進行升序或降序排列，于是研究了一下js，希望對大家有幫助。2011-08-08
計時器效果想必大家都見到過吧，其實使用js可以很輕松的實現(xiàn)，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
本文主要介紹了js獲取瀏覽器和屏幕的各種寬度高度的方法，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
前端項目中報錯Uncaught?(in?promise)的解決方法
最近在做項目的時候控制臺報了一個錯Uncaught(in promise) false,這篇文章主要給大家介紹了關于前端項目中報錯Uncaught?(in?promise)的解決方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-04-04
這篇文章主要介紹了JavaScript對Cookie進行讀寫操作的方法,實例分析了javascript針對cookie的讀寫操作技巧,非常簡單實用,需要的朋友可以參考下2015-07-07
這篇文章主要介紹了Javascript前端優(yōu)化代碼，對性能優(yōu)化感興趣的同學，可以參考下2021-04-04