问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

如何在按钮单击时复制 URL？

社区维基
1
新手上路，请多包涵

我正在尝试在按钮单击时复制文本区域中的当前页面 URL。不知何故，我尝试过但没有工作。 http://www.w3schools.com/code/tryit.asp?filename=FAF25LWITXR5


    function Copy()
    {
        var Url = document.createElement("textarea");
        Url.innerHTML = window.location.href;
        Copied = Url.createTextRange();
        Copied.execCommand("Copy");
    }


 <div>
 <input type="button" value="Copy Url" onclick="Copy();" />
 <br />
 Paste: <textarea rows="1" cols="30"></textarea>
</div>

原文由 Nithya 发布，翻译遵循 CC BY-SA 4.0 许可协议

Stack Overflow 翻译javascriptphpjqueryhtmlweb
阅读 642
2 个回答
得票最新
社区维基
1
✓ 已被采纳
<html>
    <head>
        <title></title>
    </head>
    <script type="text/javascript">
        function Copy()
            {
                    //var Url = document.createElement("textarea");
                    urlCopied.innerHTML = window.location.href;
                    //Copied = Url.createTextRange();
                    //Copied.execCommand("Copy");
            }
    </script>
    <body>
        <div>
            <input type="button" value="Copy Url" onclick="Copy();" />
            <br />

            Paste: <textarea id="urlCopied" rows="1" cols="30"></textarea>
        </div>
    </body>
</html>

原文由 Angelo 发布，翻译遵循 CC BY-SA 4.0 许可协议

社区维基
1

您不应再使用 execCommand ，已 弃用，请使用 Clipboard API：

 let url = document.location.href

navigator.clipboard.writeText(url).then(function() {
    console.log('Copied!');
}, function() {
    console.log('Copy error')
});

更多信息： https ://developer.mozilla.org/en-US/docs/Web/API/Clipboard_API

原文由 Mr.Web 发布，翻译遵循 CC BY-SA 4.0 许可协议

撰写回答
你尚未登录，登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进，让解决方法与时俱进
推荐问题