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

原创 2015年07月10日 10:58:31

分享视频中-->点击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"); 
    };


效果图

页面效果图


点击Copy按钮


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

jquery实现多个点击复制按钮

上一篇博客的升级版,哈哈,功能室实现了,但是代码写的比较low,小女子还处于菜鸟阶段,欢迎大神指点,不喜勿喷^_^。话不多说,先上代码 点我复制 点我复制 点我复制 点...

JS实现点击按钮复制当前界面的URL

1、首先在当前界面获取URL信息: public java.lang.StringBuffer getRequestURL()        getRequestURL()会得到一个完整的URL地...

Button实现按钮点击效果demo

  • 2016-02-16 17:34
  • 1011KB
  • 下载

portal 第三方工具:nodogsplash 使用分析(实现类似点击任意网址,出现下载页)

From:http://blog.csdn.net/suiyuan19840208/article/details/16901637 0:测试场景 上面是测试使用的环境...

Android点击Button实现功能的几种方法

Android中Button控件应该算作是比较简单的控件,然而,它的使用频率却是非常的高,今天,我在这里总结了三种常用的点击Button实现其功能的方法。      1.很多时候,我们在用到Butto...

一个BUTTON,实现点击播放录音,长按录音

因为毕业设计里有需要用到录音的功能,但是又要求界面比较小巧,所以思考了许久,相出个这么办法,让一个BUTTON把播放和录音的功能全部实现(当然,其他的也可以——。——~) 1.点击的话则播放/停止...

Android点击Button实现功能的几种方法总结

Android中Button控件应该算作是比较简单的控件,然而,它的使用频率却是非常的高,今天,我在这里总结了三种常用的点击Button实现其功能的方法。 1.很多时候,我们在用到Button控件时...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)