Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
259 views
in Technique[技术] by (71.8m points)

reactjs - Copy text link to clipboard

I have this function for copying the browser's url to the clipboard:

    const preCopy = "Copy Link"
    const postCopy = "Copied Link"

    function copyURI(evt) {
        evt.preventDefault()
        navigator.clipboard.writeText(evt.target.getAttribute("href")).then(
            () => {
                evt.target = postCopy
                setTimeout(() => {
                    evt.target = preCopy
                }, 30000)
            },
            () => {}
        )
    }

And I would like to implement this here when clicking on this text link:

    <text>
        "Copy Link"
    </text>

Would that be possible or do I need a button instead? How could I achieve this? Thanks

question from:https://stackoverflow.com/questions/65908654/copy-text-link-to-clipboard

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)
Waitting for answers

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...