首页 > 其他分享 >前端自动复制功能

前端自动复制功能

时间:2023-11-30 14:12:43浏览次数:30  
标签:inputs 前端 actions 复制 自动 input document 节点

一、步骤
1、input,value是你想复制的内容
2、聚焦input的文字,input.select()
3、执行copy命令 document.execCommand("Copy")
4、判断是否成功——不准确,但是有比没有好。

二、代码实现
let inputs=document.createElement("input") //创建节点
inputs.value=res.data.data //给节点赋值
document.body.appendChild(inputs) //渲染节点(要不然不起作用,可以添加隐藏属性)
inputs.select() //选中节点
let actions = document.execCommand("Copy") //指定复制命令(返回的是一个boolean类型)
// alert(actions)
if(actions){
this.$toast('复制成功')
}else{
this.$toast('复制出错啦~请手动复制')
}
document.body.removeChild(inputs); // 删除临时实例

标签:inputs,前端,actions,复制,自动,input,document,节点
From: https://www.cnblogs.com/MrZhous/p/17867210.html

相关文章

  • 如何使用Selenuim浏览器自动化框架实现自动登录社交媒体账号和自动发布文章
    在当今社交媒体盛行的时代,程序员们经常需要在不同的平台上自动执行一些任务,比如登录社交媒体账号并发布文章。本文将介绍如何利用Selenium浏览器自动化框架实现这一任务,同时结合万媒易发多平台内容同步助手,提高文章发布的效率。技术栈为了实现自动登录社交媒体账号和自动发布文......
  • 前端学习笔记1
    前端笔记2023.31.<meta>标记链接常用meta整理|菜鸟教程(runoob.com)主要用于提供HTML文档的元数据,用于不同移动设备页面调整(全屏、识别邮箱电话号码、添加广告)、SEO优化(搜索引擎优化)、页面相关(编码、站点适配)……2.urlhrefsrc解释(1)URL:统一资源定位符(Uniform......
  • poi 复制行格式
    //oneTitle是Excel里面设置好的格式,firstTitle要复制onTitle的格式XWPFTableRowfirstTitle=workTable.insertNewTableRow(initRow);createCellsAndCopyStyles(firstTitle,oneTitle,true);/***复制单元格和样式**@paramtargetRow要复制的行......
  • 零代码集成自动化的实现逻辑是什么?
    零代码的概念是什么?零代码平台是一种软件开发工具或平台,非技术人员能够创建和部署应用程序,而无需编写任何代码。它提供了可视化的界面和拖拽式的操作,使用户能够通过简单的配置和组合,以图形化的方式构建应用程序。这种平台通常包含了丰富的预定义组件、模板和工具,用户可以根据自己......
  • 前端歌谣的刷题之路-第一百零九题-双向数据绑定
     前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目......
  • 使用Win-ACME在Windows+iis服务器下配置自动续期SSL证书
    使用Win-ACME在Windows+iis服务器下配置自动续期SSL证书 由于网站建设和小程序开发等都需要https,但是ssl证书有过期的限制,如果没有及时续期ssl证书,那么将会影响线上程序正常运行,因此我便找了很多可以在windows服务器下使用的自动续期证书的工具。win-acme,github地址:https:/......
  • .net core中实现服务自动发现
    .netcore中自带了依赖注入框架,asp.netcore或worker框架下可以直接使用,控制台程序可以通过加入Microsoft.Extensions.DependencyInjection程序包来支持。自带的di框架功能还行,但是一个不方便的地方是没有提供服务自动发现、注册的接口,稍微大的程序都是需要通过反射自己写一个发......
  • 解决主机与虚拟机之间无法复制粘贴的问题办法
    1.卸载VMwareToolssudoapt-getautoremoveopen-vm-tools2.联网安装VMwaretoolssudoapt-getinstallopen-vm-tools-desktop3.记得要重启虚拟机!ps:重启后,使用ctrlc+v似乎还是不能复制粘贴,也不能通过拖动文件来复制,但是可以通过鼠标右键复制粘贴文本或者文件,也算解......
  • 脸书自动关注机器人
    《脸书自动关注机器人:社交媒体的新挑战》 随着社交媒体的普及,人们对于如何增加关注者数量和提升社交媒体影响力的需求日益增加。在这种情况下,一些用户开始寻求利用自动关注机器人来快速增加他们的关注者数量。尤其是在脸书(Facebook)这样庞大的社交平台上,自动关注机器人的出现引......
  • 前端入栈和出栈
    在编程中,事件入栈(EventPushing)和出栈(EventPopping)通常与事件循环(EventLoop)和消息队列(MessageQueue)相关。这些概念在前端开发中尤其重要,特别是在处理异步事件和回调函数时。下面我将解释这些概念,并提供一些代码示例。事件循环(EventLoop)事件循环是JavaScript运行时环境的一部......