首页 > 其他分享 >【React工作记录六十七】前端实现复制文字操作

【React工作记录六十七】前端实现复制文字操作

时间:2023-05-26 18:31:39浏览次数:29  
标签:歌谣 前端 React 六十七 复制 oInput message document


 

目录

前言

导语

 核心代码


前言

我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷

导语

前端实现复制文字操作

【React工作记录六十七】前端实现复制文字操作_前端

【React工作记录六十七】前端实现复制文字操作_前端_02编辑

 核心代码

copyTitle(certB64) {
    let oInput = document.createElement('input');
    oInput.value = certB64;
    document.body.appendChild(oInput);
    oInput.select(); // 选择对象
    var successful = document.execCommand('Copy'); // 执行 copy 操作
    if (successful) {
      message.success('复制成功!');
    } else {
      message.warning('复制失败,请手动复制!');
    }
    oInput.remove();
  }

【React工作记录六十七】前端实现复制文字操作_前端_03

标签:歌谣,前端,React,六十七,复制,oInput,message,document
From: https://blog.51cto.com/u_14476028/6358322

相关文章

  • 系统化学习前端之Vue(vue2)
    前言vue2截止2023年12月31日不再维护更新,将全面拥抱vue3了。vue2vue2是一个实现UI层的渐进式js框架。vue2本质是一个类,可以配置optionsAPI实例化为一个vm对象,通过模板编译处理成虚拟DOM,对比更新后生成真实DOM并挂载至页面中,实现页面渲染,相较于原生js......
  • React Components, Elements, and Instances
    see: https://legacy.reactjs.org/blog/2015/12/18/react-components-elements-and-instances.htmlhttps://www.robinwieruch.de/react-element-component/https://stackoverflow.com/questions/30971395/difference-between-react-component-and-react-element这里摘抄一下第......
  • 前端vue中实现文件下载的几种方法 四种方法, a.download = "重新下命名下载文件名"
    前端vue中实现文件下载的几种方法原文链接:https://blog.csdn.net/weixin_46074961/article/details/105677732第一种前端创建超链接,通过a标签向后端发送get请求,需要给a标签添加一个download属性这种写法是创造了一个a标签,把地址写到a标签里再用js调用点击,实现访问文件地址......
  • react子组件传值
    1.先在父组件定义函数准备接收来自子组件的数据2.此处为在父组件声明的函数3.子组件通过props.XXX(data)的方式传值 ......
  • 【前端算法学习】数据结构之“栈”
    JS中最棒的数据结构:数组​ 数组是计算机科学中最常用的数据结构。我们知道,可以在数组的任意位置上删除或添加元素。然而,有时候我们还需要一种在添加或删除元素时有更多控制的数据结构。有两种数据结构类似于数组,但在添加和删除元素时更为可控。它们就是栈和队列。​ 要开始学......
  • 前端开发:基本技能和最佳实践
    介绍前端开发在创建沉浸式和用户友好的Web体验方面起着至关重要的作用。随着对动态和响应式网站的需求不断增长,前端开发人员需要了解最新的工具、技术和最佳实践。了解前端开发在本节中,我们将概述前端开发及其在创建引人入胜的用户界面方面的重要性。我们将解释HTML、CSS和Jav......
  • vue3 reactive响应式赋值页面不渲染问题
    问题描述://声明变量letdata=reactive([]);http().then(res=>{data=res.dataconsole.log(data)})//data数据更新,页面没有渲染,1、因数据结构而导致的未渲染解决方法:依旧是reactive,可以在外面包一层//声明letstate=reactive({data:[]})//赋值state......
  • react 手写签名
    importReact,{useRef,useState}from'react';importSignatureCanvasfrom'react-signature-canvas';import'./index.less';functionSignature(){const[signatureDataUrl,setSignatureDataUrl]=useState(null);constsi......
  • 前端处理后台返回的流数据
    1、接口请求的时候一定要加responseType:'blob',否则生产的文件会是空白(PDF)2、代码实现constbinaryData=[]binaryData.push(res)//res后台返回的流数据this.pdfUrl=window.URL.createObjectURL(newBlob(binaryData,{type:'application/pdf'}))......
  • 前端总结
    前端与后端的概念前端就是与用户直接打交道的操作界面就可以称为前端后端不直接与用户打交道主要负责内部真正的业务逻辑的执行就是后端前端的三个模式HTML编写前端页面的文件css给html前端增加样式包装一下前端页面JavaScript给前端HTML文件增加功能Http协议(规定......