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按钮


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

安装SQL Server2014示例数据库

1. 数据库下载链接:http://msftdbprodsamples.codeplex.com/ 2.保存AdventureWorks2012_Data.mdf文件,自己找个地方放,如果放在C:\...

ADO.NET数据库访问通用类(SQLHelper第一版)

/// ///模块编号:1001 ///作用:数据库访问通用类 ///作者:邓政军 ///编写日期:2011-11-30 /// using System; using System.Collect...
  • hi_dzj
  • hi_dzj
  • 2011年11月30日 08:46
  • 2340

当点击一个button或者是其它view时对应的item滑到顶部

需求:当点击一个button或者是其它view时,使得对应的listview的item自动滑动屏幕的顶部、、、、、 思路:利用了ScrollView嵌套ListView,然后ListView嵌套了L...

js点击button按钮跳转到另一个新页面

js点击button按钮跳转到另一个新页面 投稿:whsnow 字体:[增加 减小] 类型:转载 时间:2014-10-10 我要评论 点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时...

js点击button跳转到另一个页面

js点击button按钮跳转到另一个新页面 点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到...

js点击button按钮跳转到页面代码

1.在原来的窗体中直接跳转用 window.location.href="你所要跳转的页面"; 2、在新窗体中打开页面用:...

js点击button按钮跳转到另一个新页面

点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么做到呢?可以使用onclick=window.location=新页面来实现+ 点击按钮怎么跳转到另外一个页面呢?我们在网站...

Button实现按钮点击效果demo

  • 2016年02月16日 17:34
  • 1011KB
  • 下载

JS中for循环出现的问题:如何给li元素绑定事件,点击每个li元素弹出对应的索引?

刚开始遇到一个问题就是我在HTML中写了四个< li >标签,想给每个li 绑定一个点击事件,通过点击每个li ,弹出它对应的索引,刚开始是这么做的: 无标题文档 window.onload=fu...
  • clh386
  • clh386
  • 2017年11月17日 13:01
  • 118
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS实现 分享视频中-->点击button(copy),复制对应网址
举报原因:
原因补充:

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