JS实现分享视频中-->点击button(copy),复制对应网址

最新推荐文章于 2022-06-22 14:17:48 发布

原创最新推荐文章于 2022-06-22 14:17:48 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种简单方法，在HTML页面上通过点击按钮轻松复制视频的网址和嵌入代码，适用于YouTube和Vimeo平台。

分享视频中-->点击button(copy),复制对应网址

HTML页面代码

<input type="text" class="share-input" value="http://www.youtube.com" id="copy-content"/>
<button class="copy-button" type="button" onclick="copyContent();"> Copy </button>
<p> Embed </p>
<input type="text" class="share-input" value="http://www.vimeo.com" id="copy-embed"/>
<button class="copy-button" type="button" onclick="copyEmbed();"> Copy </button>

JS代码

/*Copy function implementation */
function copyContent(){
var copyobject=document.getElementById("copy-content");
copyobject.select();
document.execCommand("Copy");
alert("has been copied you can paste");
};

function copyEmbed(){
var copyobject=document.getElementById("copy-embed");
copyobject.select();
document.execCommand("Copy");
alert("has been copied you can paste");
};