建站
咨詢
售后
建站咨詢
新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷解決方案
創(chuàng)新互聯(lián)小程序教程：微信小程序擴(kuò)展組件·可選文本組件
select-text
可選文本組件。該組件有兩種使用模式：長(zhǎng)按出現(xiàn)選區(qū)，與瀏覽器默認(rèn)效果一致；長(zhǎng)按出現(xiàn)復(fù)制按鈕，點(diǎn)擊復(fù)制拷貝全部?jī)?nèi)容至剪貼板，常見于聊天對(duì)話框等場(chǎng)景。
創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),瓊海企業(yè)網(wǎng)站建設(shè),瓊海品牌網(wǎng)站建設(shè),網(wǎng)站定制,瓊海網(wǎng)站建設(shè)報(bào)價(jià),網(wǎng)絡(luò)營(yíng)銷,網(wǎng)絡(luò)優(yōu)化,瓊海網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強(qiáng)企業(yè)競(jìng)爭(zhēng)力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時(shí)我們時(shí)刻保持專業(yè)、時(shí)尚、前沿，時(shí)刻以成就客戶成長(zhǎng)自我，堅(jiān)持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實(shí)用型網(wǎng)站。
需注意的時(shí)，為實(shí)現(xiàn)點(diǎn)擊其它區(qū)域隱藏復(fù)制按鈕，開發(fā)者可在頁面最外層監(jiān)聽 tap 事件，并將 evt 對(duì)象賦值給 on-document-tap。
Page({
data: {
arr: [{
value: '長(zhǎng)按，上側(cè)復(fù)制',
placement: 'top'
}, {
value: '長(zhǎng)按，右側(cè)復(fù)制',
placement: 'right'
}, {
value: '長(zhǎng)按，左側(cè)復(fù)制',
placement: 'left'
}, {
value: '長(zhǎng)按，下側(cè)復(fù)制',
placement: 'bottom'
}]
},
onLoad() {
},
onCopy(e) {
console.log('onCopy', e)
},
handleTouchStart(e) {
console.log('@@ touchstart', e)
},
handleTap(e) {
console.log('@@ tap', e)
this.setData({
evt: e
})
}
})
Page({
data: {
arr: [{
value: '長(zhǎng)按，上側(cè)復(fù)制',
placement: 'top'
}, {
value: '長(zhǎng)按，右側(cè)復(fù)制',
placement: 'right'
}, {
value: '長(zhǎng)按，左側(cè)復(fù)制',
placement: 'left'
}, {
value: '長(zhǎng)按，下側(cè)復(fù)制',
placement: 'bottom'
}]
},
onLoad() {
},
onCopy(e) {
console.log('onCopy', e)
},
handleTouchStart(e) {
console.log('@@ touchstart', e)
},
handleTap(e) {
console.log('@@ tap', e)
this.setData({
evt: e
})
}
})屬性列表
| 屬性 | 類型 | 默認(rèn)值 | 必填 | 說明 |
|---|---|---|---|---|
| value | String | 是 | 文本組件內(nèi)容 | |
| space | String | 否 | 顯示連續(xù)空格 | |
| decode | Boolean | false | 否 | 是否解碼 |
| show-copy-btn | Boolean | false | 否 | 長(zhǎng)按顯示復(fù)制按鈕 |
| z-index | Number | 99 | 否 | 復(fù)制按鈕的層級(jí) |
| active-bg-color | String | #DEDEDE | 否 | 長(zhǎng)按復(fù)制時(shí)文本區(qū)背景色 |
| on-document-tap | Object | 否 | 否 | 頁面監(jiān)聽事件 |
space 的合法值
| 屬性 | 類型 |
|---|---|
| ensp | 中文字符空格一半大小 |
| emsp | 中文字符空格大小 |
| nbsp | 根據(jù)字體設(shè)置的空格大小 |
代碼演示
在開發(fā)者工具中預(yù)覽效果
Page({
data: {
arr: [{
value: '長(zhǎng)按，上側(cè)復(fù)制',
placement: 'top'
},
{
value: '長(zhǎng)按，右側(cè)復(fù)制',
placement: 'right'
},
{
value: '長(zhǎng)按，左側(cè)復(fù)制',
placement: 'left'
},
{
value: '長(zhǎng)按，下側(cè)復(fù)制',
placement: 'bottom'
}]
},
handleTap(e) {
this.setData({ evt: e })
}
})當(dāng)前文章：創(chuàng)新互聯(lián)小程序教程：微信小程序擴(kuò)展組件·可選文本組件
鏈接地址：http://m.5511xx.com/article/codsjeh.html
