百度智能小程序 設置系統(tǒng)剪貼板的內(nèi)容

swan.setClipboardData

解釋：設置系統(tǒng)剪貼板的內(nèi)容

Web 態(tài)說明：由于 Web 態(tài)環(huán)境安全策略限制，調(diào)用該 API 前必須要存在用戶交互場景（點觸），如果無用戶交互場景下直接調(diào)用，會導致執(zhí)行成功回調(diào)但實際功能未生效。因此建議在點擊事件監(jiān)聽等用戶交互場景下使用該 API。

方法參數(shù)

Object object

object 參數(shù)說明

示例

圖片示例

代碼示例 1 

在開發(fā)者工具中打開

<view class="wrap">
    <view class="card-area">
        <view class="list-area border-bottom">
            <text class="list-item-key-4">原文本</text>
            <text class="list-item-value">{{originData}}</text>
        </view>
        <view class="list-area border-bottom">
            <text class="list-item-key-4">復制文本</text>
            <text class="list-item-value">{{clipboardData}}</text>
        </view>
        <button bind:tap="setClipboardData" type="primary" hover-stop-propagation="true">復制</button>
        <button bind:tap="getClipboardData" type="primary" hover-stop-propagation="true">粘貼</button> 
    </view>
</view>

Page({
    data: {
        originData: 'baidu',
        clipboardData: '',
        medium: ''
    },
    setClipboardData() {
        let originData = this.data.originData;
        swan.setClipboardData({
            data: originData,
            success: res => {
                this.setData('medium', originData);
                swan.showToast({
                    title: '復制成功',
                    icon: 'none'
                });
            },
            fail: err => {
                swan.showToast({
                    title: '復制失敗',
                    icon: 'none'
                });
                console.log('setClipboardData fail', err);
            }
        });
    },
    getClipboardData() {
        let medium = this.data.medium;
        if (medium === '') {
            swan.showToast({
                title: '請先復制',
                icon: 'none'
            });
            return;
        }

        swan.getClipboardData({
            success: res => {
                console.log('getClipboardData success');
                this.setData('clipboardData', medium);
            },
            fail: err => {
                console.log('getClipboardData fail', err);
            }
        });
    }
});

代碼示例 2：此 api 可實現(xiàn)一鍵復制的業(yè)務場景 

在開發(fā)者工具中打開

Page({
    data: {
        infoData: 'infoData'
    },
    onShow() {
        swan.request({
            url: 'https://xxx.com', // 僅為示例，并非真實的接口地址
            header: {
                'content-type': 'application/json'
            },
            method: 'POST',
            dataType: 'json',
            responseType: 'text',
            data: {
                key: 'value'
            },
            success: res => {
                this.setData('infoData', res.data)
            },
            fail: err => {
                console.log('錯誤碼：' + err.errCode);
                console.log('錯誤信息：' + err.errMsg);
            }
        });
    },
    setClipboardData() {
        swan.setClipboardData({
            data: this.data.infoData,
            success: () => {
                swan.showToast({
                    title: '一鍵復制成功',
                    icon: 'none'
                });
            },
            fail: err => {
                swan.showToast({
                    title: '一鍵復制失敗',
                    icon: 'none'
                });
                console.log('setClipboardData fail', err);
            }
        });
    }
});

錯誤碼

Android

iOS