日本免费高清视频-国产福利视频导航-黄色在线播放国产-天天操天天操天天操天天操|www.shdianci.com

學無先后,達者為師

網站首頁 編程語言 正文

uniapp中使用拷貝,復制粘貼功能,uniapp,隱藏軟鍵盤

作者:yunchong_zhao 更新時間: 2022-04-18 編程語言

本來是想做分享的呢,后來想著直接讓用戶點擊復制然后吧當前地址搞到系統的粘貼板上,讓用戶自己去粘貼分享
就用到了uniapp的自帶api

uni.setClipboardData(OBJECT)
uni.setClipboardData({
    data: 'hello',
    success: function () {
        console.log('success');
    }
}

在這里插入圖片描述
但有個小問題就是 他復制完成之后 好像會自動彈出一個內容已經復制。還會吧軟鍵盤彈起來 這個就很難受了
需要我們自己把它們全都給隱藏了

let url = window.location.href
				uni.setClipboardData({
					data: url,
					showToast: false,
					success: () => {
						uni.hideToast();   // 隱藏彈出提示
						uni.hideKeyboard();   //  隱藏軟鍵盤
						this.$refs.uToast.show({
							title: '地址已經復制,請直接粘貼進行分享即可',
							type: 'success',
							url: '/pages/user/index'
						})

					}
				});

這樣就可以。
關注我。持續更新 前端知識。

原文鏈接:https://yunchong.blog.csdn.net/article/details/121273412

欄目分類
最近更新