swan.setClipboardData

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

方法参数

Object object

object 参数说明

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

data

String

需要设置的内容

success

Function

接口调用成功的回调函数

fail

Function

接口调用失败的回调函数

complete

Function

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

示例

扫码体验

代码示例

百度智能小程序

请使用百度APP扫码

图片示例

swan.setClipboardData - 图2

代码示例 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

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