vue 长按复制文字并弹出复制成功

在vue中，使用长按复制文字需要用到两个方法：
touchstart.手指放上去的动作
touchend.手指离开的动作
监听两个方法的间隔时间则可以达到长按触发的效果。

 <span @touchstart="start" @touchend="end">长按复制“{{ clubname }}”</span>

 data() {return {Loop:'', //  定时器}},methods: {start () {clearTimeout(this.Loop); //再次清空定时器，防止重复注册定时器this.Loop = setTimeout(() => {this.copyText(this.clubname)}, 1000);//1000也可以改成自己所需要长按的时间},end () {clearTimeout(this.Loop); //清空定时器，防止重复注册定时器},copyText(context) {// 创建输入框元素let oInput = document.createElement('input');// 将想要复制的值oInput.value = context;// 页面底部追加输入框document.body.appendChild(oInput);// 选中输入框oInput.select();// 执行浏览器复制命令document.execCommand('Copy');// 弹出复制成功信息Toast('复制成功');//使用的vant组件（import {Toast} from 'vant'）// 复制后移除输入框oInput.remove();},}

vue 长按复制文字并弹出复制成功相关推荐

简书红米MIUI-7.5兼容性缺陷：长按文字时弹出的复制粘贴菜单缺少背景色
如题,文章阅读界面,长按文字时弹出的"复制|全选|网络搜索|分享"菜单缺少背景色,导致如下图所示文字重叠效果,属于操作系统级别用户体验缺陷控件与正文重叠不重叠图片发自简书Ap ...
python excel单元格剪切清除粘贴复制_Excel复制粘贴时弹出“不能清除剪贴板”的解决方法...
Excel复制粘贴时弹出"不能清除剪贴板"的解决方法 2018-09-19 做一份统计报表,复制时出现"不能清楚剪切板" 1.不能清除剪贴板,主要是因为还有其它 ...
vue写js代码_vue.js弹出式音乐播放器特效代码
码农那点事儿关注我们,一起学习进步 vue弹出式音乐播放器是一款基于vue.js实现的点击弹出式音乐播放器代码特效,点击图片即可弹出播放界面大图,可切换列表模式,上一首下一首音乐切换等功能. 下载源 ...
Java开发一个登陆窗体,包括用户名,密码以及提交按钮和重置按钮,当用户输入amy,密码123456,弹出登陆成功提示对话框
java开发用户登陆窗体 package javagame;/** 本次项目采用网格布局管理器实现 */import java.awt.Container; import java.awt.GridL ...
Vue+Openlayer使用overlay实现弹窗弹出显示与关闭
场景 Vue+Openlayers实现地图上绘制线: Vue+Openlayers实现地图上绘制线_BADAO_LIUMANG_QIZHI的博客-CSDN博客在上面的基础上实现点击地图,弹窗显示并获 ...
Vue（二十一）Layer弹出层
安装:下载源码到本地 layer: 丰富多样的 Web 弹出层组件,可轻松实现 Alert/Confirm/Prompt/普通提示/页面区块/iframe/tips 等等几乎所有的弹出交互.目前已成为 ...
datatable单元格内容过长显示省略号，单击弹出所有内容
设置datatable属性,其中targets是需要控制的列的数组,例如[0,1,2,3,5,7] "columnDefs": [{"targets": tar ...
android软键盘弹出底部有黑色闪出,vue移动端安卓软键盘弹出底部按钮顶起
在做一个基于企业微信的h5移动页面时,当软键盘弹出时,底部fixed定位在ios上没事,安卓手机上,底部按钮会被顶起到软键盘,查看原应时由于软键盘顶起时,安卓设备的视图会变小.造成固定定位按钮呗顶起. ...
【Popover 弹出框】在vue中，ElmentUI下Popover 弹出框组件 “ 自定义样式修改不了 ” 的解决方法
通过 /deep/ 深层查找并不能找到相关的元素,查找原因发现此组件的样式是全局样式,如果你style中加了scoped,如<style lang="scss" scoped ...

vue 长按复制文字并弹出复制成功

vue 长按复制文字并弹出复制成功相关推荐

最新文章

热门文章

vue 长按复制文字 并弹出复制成功

vue 长按复制文字 并弹出复制成功相关推荐

最新文章

热门文章

vue 长按复制文字并弹出复制成功

vue 长按复制文字并弹出复制成功相关推荐