copy功能

copy功能,第1张

const copy = (ref) => {
    const range = document.createRange();
    window.getSelection()?.removeAllRanges();   //清楚页面已有的selection
    range.selectNode(ref);  //选中需要复制的node
    window.getSelection()?.addRange(range); //执行选中元素
    const successful = document.execCommand("copy");    //执行copy
    window.getSelection()?.removeAllRanges();   //移除选中元素
 }

    Business Owner: TENCENTID1
    { position: "fixed", right: 25, top: 100 }}
    >
        { cursor: "pointer" }}
            onClick={() => {
                setTipText("Copy sucess");
                copy(tipRef_1.current);
            }}
            onMouseLeave={() => {
                setTipText("Copy");
            }}
        />
    

其中ref是元素节点,vue、react可使用ref,JS原生使用DOM对象获取,自行修改。

最后通过Copy Icon 点击调用此方法就好了。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/941135.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-17
下一篇 2022-05-17

发表评论

登录后才能评论

评论列表(0条)

保存