后浪云百度小程序教程:swan.setClipboardData

  • swan.setClipboardData
    • 方法参数
      • object 参数说明
    • 示例
      • 图片示例
      • 代码示例 1
      • 代码示例 2:此 api 可实现一键复制的业务场景
    • 错误码
      • Android
      • iOS

    swan.setClipboardData

    解释:设置系统剪贴板的内容
    Web 态说明:由于 Web 态环境安全策略限制,调用该 API 前必须要存在用户交互场景(点触),如果无用户交互场景下直接调用,会导致执行成功回调但实际功能未生效。因此建议在点击事件监听等用户交互场景下使用该 API。

    方法参数

    Object object

    object 参数说明

    属性名 类型 必填 默认值 说明

    data

    String

    需要设置的内容

    success

    Function

    接口调用成功的回调函数

    fail

    Function

    接口调用失败的回调函数

    complete

    Function

    接口调用结束的回调函数(调用成功、失败都会执行)

    示例

    扫码体验

    代码示例

    后浪云百度小程序教程:swan.setClipboardData插图

    请使用百度APP扫码

    图片示例

    后浪云百度小程序教程:swan.setClipboardData插图1

    代码示例 1

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • SWAN
    • JS
     
     
     
    1. <view class="wrap">
    2. <view class="card-area">
    3. <view class="list-area border-bottom">
    4. <text class="list-item-key-4">原文本</text>
    5. <text class="list-item-value">{{originData}}</text>
    6. </view>
    7. <view class="list-area border-bottom">
    8. <text class="list-item-key-4">复制文本</text>
    9. <text class="list-item-value">{{clipboardData}}</text>
    10. </view>
    11. <button bind:tap="setClipboardData" type="primary" hover-stop-propagation="true">复制</button>
    12. <button bind:tap="getClipboardData" type="primary" hover-stop-propagation="true">粘贴</button>
    13. </view>
    14. </view>

    代码示例 2:此 api 可实现一键复制的业务场景

    在开发者工具中打开

    在开发者工具中打开

    在 WEB IDE 中打开

    • JS
     
     
     
    1. Page({
    2. data: {
    3. infoData: 'infoData'
    4. },
    5. onShow() {
    6. swan.request({
    7. // 仅为示例,并非真实的接口地址
    8. url: 'https://xxx.com',
    9. header: {
    10. 'content-type': 'application/json'
    11. },
    12. method: 'POST',
    13. dataType: 'json',
    14. responseType: 'text',
    15. data: {
    16. key: 'value'
    17. },
    18. success: res => {
    19. this.setData('infoData', res.data);
    20. },
    21. fail: err => {
    22. console.log('错误码:' + err.errCode);
    23. console.log('错误信息:' + err.errMsg);
    24. }
    25. });
    26. },
    27. setClipboardData() {
    28. swan.setClipboardData({
    29. data: this.data.infoData,
    30. success: () => {
    31. swan.showToast({
    32. title: '一键复制成功',
    33. icon: 'none'
    34. });
    35. },
    36. fail: err => {
    37. swan.showToast({
    38. title: '一键复制失败',
    39. icon: 'none'
    40. });
    41. console.log('setClipboardData fail', err);
    42. }
    43. });
    44. }
    45. });

    错误码

    Android

    错误码 说明

    202

    解析失败,请检查参数是否正确

    iOS

    错误码 说明

    202

    解析失败,请检查参数是否正确

    THE END