zoukankan      html  css  js  c++  java
  • React---点击按钮实现内容复制功能

    思路:

    1.给要复制的内容容器添加一个标签(可以是ID,可以是类名等),通过dom技术获取该容器对象;

    2.创建Range对象(某个区域内连续的内容),把该容器对象放进去;

    3.将Range对象添加到Selection对象里(以便将它暴露出来,联合document.execCommand('Copy')命令,实现复制功能);

    4.给一个Button,绑定copy事件。

    代码:

    PS: 1.对于Selection对象和Range对象不明白的,请跳转至 https://developer.mozilla.org/zh-CN/docs/Web/API/Selection

           2.此处的message是引用的antd里的message组件;

          3.该代码与是否采用React关系并不大。

  • 相关阅读:
    Multidimensional Arrays
    TortoiseGit
    Excel教程(14)
    Excel教程(13)
    Excel教程(12)
    Excel教程(11)
    lock
    reflect
    game
    html x
  • 原文地址:https://www.cnblogs.com/ganmy/p/7095520.html
Copyright © 2011-2022 走看看