微信小程序text中文字的復(fù)制功能
方法一：在小程序頁面中可以手動選擇文本復(fù)制
<text selectable="true">{{texts}}</text>
如圖：
注：加上這個之后在微信開發(fā)者工具上可能不能很好的復(fù)制，只能復(fù)制幾個字，真機(jī)掃碼調(diào)試在手機(jī)上可以長按選擇復(fù)制
方法二：一鍵復(fù)制按鈕
直接在某個地方(文本、按鈕、圖片等都行)綁定個點擊事件bindtap="copyBtn"
把你需要復(fù)制的內(nèi)容傳到后臺去data-ordernum="{{需要復(fù)制的內(nèi)容}}"
<!-- .wxml -->
<text class='copy-btn' data-ordernum="{{item.orderNumber}}" bindtap='copyBtn'> 復(fù)制</text>
然后在 .js 文件中寫方法：如下
data：寫你需要復(fù)制的內(nèi)容
data: e.currentTarget.dataset.ordernum
// 一鍵復(fù)制事件
? copyBtn: function(e) {
? ? wx.setClipboardData({
? ? ? data: e.currentTarget.dataset.ordernum,
? ? ? success: function(res) {
? ? ? ? wx.showToast({
? ? ? ? ? title: '復(fù)制成功',
? ? ? ? });
? ? ? }
? ? })
? }
網(wǎng)頁中文字的復(fù)制
做網(wǎng)頁的時候，有些文字我們需要能被選中，有些我們不要能被選中，那么這就需要用到一個css屬性了，那就是 user-select：
user-select: none|auto|text|contain|all;
/*firefox瀏覽器*/
-moz-user-select: none|text|all;
/*safari、chrome瀏覽器*/
-webkit-user-select: none|text|all; /*Safari中不支持該屬性值，只能使用none或者text，或者是在html的標(biāo)簽屬性中使用*/
/*ie瀏覽器*/
-ms-user-select: none|text|element;
屬性值：
none : 元素和子元素的文本將無法被選中
text : 文本可以被選中
auto : 文本將根據(jù)瀏覽器的默認(rèn)屬性進(jìn)行選擇
all : 當(dāng)所有內(nèi)容作為一個整體時可以被選擇。如果雙擊或者在上下文上點擊子元素，那么被選擇的部分將是以該子元素向上回溯的最高祖先元素
contain、element : 可以選擇文本，但選擇范圍受元素邊界的約束，也就是選擇的文本將包含在該元素的范圍內(nèi)。只支持Internet Explorer
注意：?
瀏覽器實現(xiàn)之間的區(qū)別之一是繼承。在Firefox中，-moz-user-select不是由絕對定位的元素繼承的，但在Safari和Chrome中，-webkit-user-select卻是由絕對定位的元素繼承而來的。
user-select的屬性詳情：文章來源：http://www.zghlxwxcb.cn/news/detail-482828.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-482828.html
到了這里，關(guān)于網(wǎng)頁中文字的復(fù)制和微信小程序中text文字的復(fù)制的文章就介紹完了。如果您還想了解更多內(nèi)容，請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
