JS实现 分享视频中-->点击button(copy),复制对应网址
来源:互联网 发布:襄阳樊城区移动云计算 编辑:程序博客网 时间:2024/05/19 13:45
分享视频中-->点击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按钮
- JS实现 分享视频中-->点击button(copy),复制对应网址
- JS 点击复制Copy
- JS 点击复制Copy
- JS 点击复制Copy
- JS 点击复制Copy
- JS 点击复制Copy
- JS 点击复制Copy插件--Zero Clipboard
- JS 点击复制Copy插件--Zero Clipboard
- JS 点击复制Copy插件--Zero Clipboard
- 点击复制本页网址,分享网址代码
- 点击复制网址的JS代码
- 脚本实现点击复制本网址
- 点击按钮,实现复制网址的代码
- js实现点击copy,可兼容
- angularjs中button点击变色的实现
- 实现expandablelistview中button点击事件
- js实现文本点击复制整理
- JS实现点击复制功能(ZeroClipboard)
- 自定义android dialog
- 用到ListActivity中 , @+id/android:list"和"@android:id/list"的写法
- Ubuntu 中文输入法的安装
- Password Managers Attacks and Defenses_论文阅读报告
- 敏捷软件测试--初见
- JS实现 分享视频中-->点击button(copy),复制对应网址
- 数据库查询及随机更新的那些事情
- control your panel
- php面向对象(OOP)—类自动载入的思想历程
- 使用百度云BAE搭建Mantis
- Reporting Service导出Excel附件过大的解决方法
- 自动延长的输入框
- 2012年5月SAT香港真题解析
- Android — 长按ListView 利用上下文菜单(ActionMode) 进行批量事件处理