h5移动端 使用一键复制功能

news/2024/7/19 16:11:17 标签: js

1.引进 clipboard.min.js

2.目标元素

<span id="copy"  data-clipboard-text="123456" @click="CopyVal"></span>

3.js部分

CopyVal:function(){
    var that = this;
    var clipboard = new Clipboard("#path")
    clipboard.on('success', function (e) {
        e.clearSelection();
            alert("复制成功")
    });
    clipboard.on('error', function (e) {
        alert("失败")
    });
}

 


http://www.niftyadmin.cn/n/874602.html

相关文章

table里面用三目_三目摄像头的拆解

引言:日产的ProPilot和BMW之前的辅助驾驶系统&#xff0c;有很大一部分都是采用ZF的摄像头来进行的S-Cam3.5和S-Cam4来进行的。其实从硬件拆解来看&#xff0c;同样一个东西&#xff0c;传统OEM和Tier1是分工的&#xff0c;OEM定义功能和通信要求&#xff0c;Tier 1实现软硬件集…

使用html2canvas.js 生成海报

1.设定一个要生成海报的元素 <div id"viewBox" res"box">内容....</div> 2.引进js Poster:function(){var that this;var DomeWthat.$refs.box.offsetWidth;//获取目标元素的宽高var DemoH that.$refs.box.offsetHeight;//获取目标元素的…

元素超出出现左右或者上下滚动

<div class"box"><span>1</span><span>2</span><!-- ... --> </div>css:.box{max-width: 76%;text-align: right;overflow-x: auto; //左右滑动white-space: nowrap; //使其不换行 } .box span{display: inline-block;mar…

python同步两张数据表_Python第16课:两个数据表如何比对碰撞?(一)

在线QQ客服&#xff1a;1922638专业的SQL Server、MySQL数据库同步软件Python第16课:两个数据表如何比对碰撞&#xff1f;(一)时间 2019-01-29下午4:00主讲刘培富地点 四楼电教室任务:在某项工作中&#xff0c;采集到表B&#xff0c;数据约10万。这一表中&#xff0c;是否包含重…

js 用时间戳判断是否过期

var currentTime Date.parse(new Date()); //当前时间戳var SetTimeStr localStorage.getItem(SetTimeStr) * 1;var newTime new Date().getTime() 3600000 * 12;//新的过期时间if (currentTime < SetTimeStr) {console.log("缓存时间有效_");localStorage.se…

python导入数据库的数据怎么在qt界面里刷新_pyqt5:在数据库上更改数据后正确更新QTreeView...

我有一个基于模型的QTreeView&#xff0c;它由qsortfilterproxy模型提供。在我在这里显示数据库中的行。通过双击&#xff0c;我正在执行一个模态QDialog来编辑数据(用户可以执行CRUD操作&#xff0c;比如在SQLite数据库中创建新行、更新、删除等)。在关闭编辑对话框后&#xf…

前台和后台是两个不同的项目可以吗_UX中的前、中、后台

前言&#xff1a;通过最近一段时间的复盘、对UX有了进一步的理解&#xff0c;确实在小公司很容易被PM吃掉大部分的工作职能、最后你只能尴尬的沦为交互设计师&#xff0c;或者是因为项目应接不暇、你在有限时间内根本没时间展开自己那套完整的设计流程及方法论。如果是大公司有…

java 展开收起列表组件_ExpandableListView(可展开的列表组件)的说明以及其用法...

摘要提到了&#xff0c;我之前自定义的控件继承于ListView。顾名思义&#xff0c;ExpandableListView是ListView的子类。它在普通的ListView的基础上进行了拓展&#xff0c;它把应用中的列表分为几组&#xff0c;每组又包含多个列表项。ExpandableListView的用法和ListView非常…