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