位置: 编程技术 - 正文

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

编辑:rootadmin

推荐整理分享clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切,希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:,内容如对您有帮助,希望把文章链接给更多的朋友!

我们在网页上放置一个复制按钮,主要用来方便用户复制链接之类的复杂文本,以往的做法是,通过JS依靠Flash,甚至借助jQuery庞大的js库来实现文本复制到剪贴板的。今天我要给大家介绍的是一款极现代的,不需要flash,不依赖任何其他js库的非常小的插件,它叫clipboard.js。

运行效果图:

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

HTML首先加载本地clipboard.js文件。

然后就是在body中加上要复制或剪切的文本域内容以及按钮。

这里,我们使用了HTML5的data-属性,用来定位复制对象目标,它指向了文本域#foo,说明复制的是#foo中的value内容,aria-label属性定义了复制成功后的信息,用来提示复制结果信息。还有个属性data-clipboard-action,它定义当前操作是复制还是剪切,默认是复制,当data-clipboard-action="cut",这时,点击按钮将会剪切文本,跟WORD操作一样。当然,剪切操作仅适用于text和textarea。我们也可以不需要input和textarea等元素内容作为复制对象,我们可以将要复制的内容通过ata-clipboard-text属性定义在按钮上,点击按钮就可以复制到ata-clipboard-text对应的内容。

Javascript将以下一句代码加入到</body>前的<script>里,保存打开浏览,点击按钮即可复制。

当然我们可以再进一步处理,比如当复制完成后,提示复制成功信息更友好些,只要执行以下代码即可:

标签: clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

本文链接地址:https://www.jiuchutong.com/biancheng/380303.html 转载请保留说明!

上一篇:JavaScript子窗口调用父窗口变量和函数的方法(js新开一个窗口)

下一篇:JS实现的车标图片提示效果代码(js标志)

  • 个体户超过了核定征收额怎么交税
  • 综合收入扣税
  • 职工薪酬实际金额包括发放往年工资吗
  • 住房公积金发票
  • 家具厂投入多少钱
  • 进项抵扣的金额怎么算
  • 小企业费用包括哪些
  • 非居民企业转让财产所得税
  • 4s店改装车后卖车合法吗
  • 预付办公室装修款
  • 退回多交企业所得税分录
  • 小规模纳税人如何升级为一般纳税人
  • 简易计税的劳务公司员工社保可以抵扣增值税吗
  • 其他收益期末余额在借方还是贷方
  • 小规模纳税人发票图片
  • 加盟费没有发票怎么做账
  • 金融企业贷款利率
  • 未取得全额发票怎么处理
  • 社会团体非限定性净资产
  • 忘了结转成本怎么办
  • 净利润怎么计入所有者权益
  • 小规模纳税人增值税超过30万怎么纳税
  • 应付账款转营业外收入需要什么条件
  • 每股收益怎么计算净利润
  • 结转法定盈余公积会计分录怎么写
  • 苹果6拍照如何
  • 绝地求生未来之役手游下载
  • 兼职属于劳动关系还是雇佣
  • 包装物租金怎么计算增值税
  • Win11怎么关闭自动休眠
  • 职业病治疗费用由谁来承担
  • 去年的发票忘记入账怎么处理
  • 如何修复win10开机转圈五分钟
  • 交易性金融资产包括哪些项目
  • 收到银行汇票怎么背书
  • php curl设置cookie
  • 购进农产品增值税进项税额的确认方法
  • 泛微oa二次开发难吗
  • php cookie session
  • php发送邮箱
  • anconda虚拟环境路径
  • 常见反爬策略
  • 个体工商户经济类型是内资吗
  • 股东借款属于什么科目
  • 应付暂估账务处理
  • 银行收付款凭证是什么
  • 所得税汇算清缴需要调增的项目
  • mysql数据类型char
  • 利润表是当月
  • 企业清算所得税申报
  • 企业所得税法允许按规定的比例在税前扣除的准备金
  • 长期股权投资的账务处理
  • 增值税专用发票金额与付款金额是否必须一致
  • 外币账户记账方法
  • 商业折让发票如何开
  • 买税盘的分录
  • 处置固定资产取得的净收益属于当期的收入
  • 高速过路费抵扣增值税
  • 企业所得税留抵税额
  • 一般纳税人开劳务费的税率是多少
  • 出口样品的销售好做吗
  • MSSQL 2005/2008 日志压缩清理方法小结
  • sql server 错误
  • 详解标准mysql(x64) Windows版安装过程
  • 建立索引mysql
  • Linux服务器中MySQL远程连接的开启方法
  • xp系统ie浏览器怎么升级
  • hosts文件位置在哪
  • centos6.5双网卡绑定
  • 怎么解圧
  • linux在服务器领域的应用状况
  • unity的粒子系统在哪
  • shell脚本实现ssh登录
  • cygwin下载教程
  • javascript包括在html中
  • python3多态
  • 陕西省医保缴费截止日期2024
  • 张宁年轻
  • 南京税务局举报
  • 造纸及纸制品业属于什么行业
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设