JS简单实现点击复制链接的方法


Posted in Javascript onAugust 03, 2016

本文实例讲述了JS简单实现复制链接的方法。分享给大家供大家参考,具体如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>点击复制链接</title>
</head>
<body>
<input type="text" size="30" id="url" value="https://3water.com/">
<input type="button" value="复制链接1" onClick="copyUrl()">
<script type="text/javascript">
function copyUrl(){
 var url = document.getElementById("url").value;
 window.clipboardData.setData("Text",url);
 alert("复制链接成功!");
}
</script>
<input type="button" value="复制链接2" onClick="url.select();document.execCommand('Copy')">
<br/><br/>
三水点靠木提供两种简单复制链接的方法,相信总有一款适合您~O(∩_∩)O~
</body>
</html>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
IE下使用cloneNode注意事项分享
Nov 22 Javascript
解析JavaScript中点号“.”的多义性
Dec 02 Javascript
让JavaScript的Alert弹出框失效的方法禁止弹出警告框
Sep 03 Javascript
jQuery实现页面下拉100像素出现悬浮窗口的方法
Sep 05 Javascript
Vue2.0利用 v-model 实现组件props双向绑定的优美解决方案
Mar 13 Javascript
VUE使用vuex解决模块间传值问题的方法
Jun 01 Javascript
浅谈js基础数据类型和引用类型,深浅拷贝问题,以及内存分配问题
Sep 02 Javascript
Vue如何从1.0迁移到2.0
Oct 19 Javascript
javascript获取图片的top N主色值方法详解
Jan 26 Javascript
使用 vue-i18n 切换中英文效果
May 23 Javascript
vue history 模式打包部署在域名的二级目录的配置指南
Jul 02 Javascript
详解vue中使用transition和animation的实例代码
Dec 12 Vue.js
JS清除字符串中重复值的实现方法
Aug 03 #Javascript
JS使用onerror捕获异常示例
Aug 03 #Javascript
Javascript在IE和Firefox浏览器常见兼容性问题总结
Aug 03 #Javascript
AngularJS基础 ng-value 指令简单示例
Aug 03 #Javascript
JS简单获取及显示当前时间的方法
Aug 03 #Javascript
AngularJS基础 ng-switch 指令简单示例
Aug 03 #Javascript
工作中比较实用的JavaScript验证和数据处理的干货(经典)
Aug 03 #Javascript
You might like
PHP 处理图片的类实现代码
2009/10/23 PHP
PHP的SQL注入过程分析
2012/01/06 PHP
深入理解Yii2.0乐观锁与悲观锁的原理与使用
2017/07/26 PHP
laravel框架模型中非静态方法也能静态调用的原理分析
2019/11/23 PHP
boxy基于jquery的弹出层对话框插件扩展应用 弹出层选择器
2010/11/21 Javascript
阻止子元素继承父元素事件具体思路及实现
2013/05/02 Javascript
jquery中的事件处理详细介绍
2013/06/24 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
图片动画横条广告带上下滚动的JS代码
2013/10/25 Javascript
jQuery实现动画效果的简单实例
2014/01/27 Javascript
AngularJS的内置过滤器详解
2015/05/14 Javascript
Angular.js与Bootstrap相结合实现手风琴菜单代码
2016/04/13 Javascript
Javascript中的迭代、归并方法详解
2016/06/14 Javascript
jquery操作ID带有变量的节点实例
2016/12/07 Javascript
原生js实现吸顶效果
2017/03/13 Javascript
Vue组件开发之LeanCloud带图形校验码的短信发送功能
2017/11/07 Javascript
create-react-app 修改为多入口编译的方法
2018/08/01 Javascript
layui table设置前台过滤转义等方法
2018/08/17 Javascript
深入理解vue中的slot与slot-scope
2019/04/22 Javascript
微信小程序左滑删除实现代码实例
2019/09/16 Javascript
[02:33]2018DOTA2亚洲邀请赛赛前采访——LGD
2018/04/04 DOTA
[35:29]Secret vs VG 2018国际邀请赛淘汰赛BO3 第三场 8.23
2018/08/24 DOTA
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
利用pandas读取中文数据集的方法
2018/07/25 Python
对Pycharm创建py文件时自定义头部模板的方法详解
2019/02/12 Python
解决python3.5 正常安装 却不能直接使用Tkinter包的问题
2019/02/22 Python
元组列表字典(莫烦python基础)
2019/04/03 Python
keras:model.compile损失函数的用法
2020/07/01 Python
linux面试相关问题
2012/08/11 面试题
彩色的非洲教学反思
2014/02/18 职场文书
大学毕业寄语大全
2014/04/10 职场文书
总经理岗位职责范本
2015/04/01 职场文书
遗嘱格式范本
2015/08/07 职场文书
古诗之爱国古诗5首
2019/09/20 职场文书
python操作xlsx格式文件并读取
2021/06/02 Python
dubbo服务整合zipkin详解
2021/07/26 Java/Android