小程序点击复制如何实现

?

wx.setClipboardData({

data: ‘data‘,

success: function(res) {

wx.getClipboardData({

success: function(res) {

console.log(res.data) // data

}

})

}

})

?

将要复制的内容放到data里面即可。

?

?

获取系统剪贴板的内容

wx.getClipboardData({
  success: function(res){

					console.log(res.data)
  }
})
					

?

?

Demo:

<text class="tblin_items_txt" selectable="true">{{detail.taokouling||‘‘}}</text> <!-- 复制的对象-->

<view class="tblin_items_btn" bindtap="copyTBL">一键复制</view><!-- 复制操作 -->

?

Js:

copyTBL:function(e){

var self=this;

wx.setClipboardData({

data: self.data.taokouling,

success: function(res) {

// self.setData({copyTip:true}),

wx.showModal({

title: ‘提示‘,

content: ‘复制成功‘,

success: function(res) {

if (res.confirm) {

console.log(‘确定‘)

} else if (res.cancel) {

console.log(‘取消‘)

}

}

})

}

});

}

文章来源:刘俊涛的博客

欢迎关注,有问题一起学习欢迎留言、评论。

原文地址:https://www.cnblogs.com/lovebing/p/9450678.html

时间: 2024-11-08 06:21:43

小程序点击复制如何实现的相关文章

初识安卓小程序(点击按钮切换屏幕颜色)

如图,点击按钮就会切换屏幕的颜色 首先,先创建一个安卓项目(我的版本是4.4.2的),名字为"world",当然,也可以别的名称 然后在res文件夹下找到layout文件夹,找到activity_main.xml或fragment_main.xml,在里面输入或拖拽按钮 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="htt

微信小程序点击图片放大预览

微信小程序点击图片放大预览使用到 wx.previewImage 接口,可以放大.上/下一张 上代码 wxml代码 <view class='content-img' wx:if="{{images}}" > <view wx:for="{{images}}"> <image src="{{item}}" data-src="{{item}}" bindtap="previewImage

小程序点击跳转外部链接 微信小程序提示:不支持打开非业务域名怎么办 使用web-view 配置业务域名

小程序点击跳转外部页面 1.index.wxml  添加点击事件   标签可以是小程序支持的 <!-- 邀请好友 --> <cover-image src='/img/invitation.png' class='img-invitation' bindtap='invitation'></cover-image> 2.index.js   添加事件 invitation: function () { var that = this; wx.showModal({ ti

开发第一个IOS小程序 - 点击按钮文字变色

1. 题目:实现点击按钮切换文字对应的颜色 2.分析大致的开发步骤是 •添加所需要的UI元素:3个按钮(UIButton).1个文本标签(UILabel) •监听3个按钮的点击事件 •改变文本标签的文字颜色 3.具体实现步骤 3.1 在storyboard文件中,拖拽相应控件器上,布局好以上显示页面效果 3.2 然后利用Xcode右端上的“圆圈”按钮,将代码区分割成 “Main.storyboard”与“viewController.m”文件,两个可以按住control键,不要放开,将以上元素拖

小程序连续点击bug解决

问题描述: 1)wxml片段 <view bindtap="loadMulti"> <text>连续点击,加载多次</text> </view> <view bindtap="loadOnce"> <text>连续点击,加载一次</text> </view> 2)js代码片段 loadMulti:function(e) { wx.navigateTo({ url: '/p

小程序点击图片重新排序写法

写了个小程序已上传图片位置调换的方法,留作备份 具体效果如图所示 <view class="addredBox_img" bindtap="goodsIntroImg"> <view class="addredBox_l"> <view class="nameBox">商品详情图</view> <view class="proposalBox">建

小程序 长按复制文本

1.小程序如果需要长按复制文本,首先必须使用<text>标签,并且将selectable属性设置为true <text selectable='true'>xxxx</text> 2.按钮复制,使用微信内置api:wx.setClipboardData API wx.setClipboardData({ data: '需要复制的数据', success: function (res) { //复制成功的操作 } }); 原文地址:https://www.cnblogs.

微信小程序点击滚动到指定位置

公司项目要做一个类似微信通讯录导航的效果,点击右侧字母页面滚动到相应位置. 因为微信小程序没有dom概念,所以不能使用锚点,也不能直接获取对应字母相对页面的偏移位置.此时只能使用小程序创建对象实例的API获取节点信息: let query = wx.createSelectorQuery().in(this); query.selectViewport().scrollOffset() query.select("#Nav").boundingClientRect(); query.s

小程序点击按钮退出小程序

很简单的只要把文档看详细了就ok <navigator hover-class="none" target="miniProgram" open-type="exit"> 退出当前小程序</navigator> 原文地址:https://www.cnblogs.com/MicKing/p/10773389.html