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 相关文章推荐
web基于浏览器的本地存储方法应用
Nov 27 Javascript
JS 跳转页面延迟2种方法
Mar 29 Javascript
基于jquery实现后台左侧菜单点击上下滑动显示
Apr 11 Javascript
js实现简单的购物车有图有代码
May 26 Javascript
JS中自定义定时器让它在某一时刻执行
Sep 02 Javascript
jQuery简单验证上传文件大小及类型的方法
Jun 02 Javascript
jQuery插件zTree实现的基本树与节点获取操作示例
Mar 08 Javascript
通过vue-router懒加载解决首次加载时资源过多导致的速度缓慢问题
Apr 08 Javascript
angular.js实现列表orderby排序的方法
Oct 02 Javascript
微信小程序 可搜索的地址选择实现详解
Aug 28 Javascript
JavaScript 实现HTML DOM增删改查操作的常见方法详解
Jan 04 Javascript
详解vue 组件注册
Nov 20 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
使用PHPMyAdmin修复论坛数据库的图文方法
2012/01/09 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
使用PHPCMS搭建wap手机网站
2015/09/20 PHP
thinkphp 5框架实现登陆,登出及session登陆状态检测功能示例
2019/10/10 PHP
PHP date_default_timezone_set()设置时区操作实例分析
2020/05/16 PHP
jquery 检测元素是否存在的实例代码
2013/11/19 Javascript
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
js中substr,substring,indexOf,lastIndexOf,split,replace的用法详解
2015/11/09 Javascript
深入理解Vue 的条件渲染和列表渲染
2017/09/01 Javascript
使用SVG基本操作API的实例讲解
2017/09/14 Javascript
nodejs实现解析xml字符串为对象的方法示例
2018/03/14 NodeJs
小程序视频或音频自定义可拖拽进度条的示例代码
2018/09/30 Javascript
JavaScript canvas基于数组生成柱状图代码实例
2020/03/06 Javascript
python基础教程之循环介绍
2014/08/29 Python
python3生成随机数实例
2014/10/20 Python
Python连接PostgreSQL数据库的方法
2016/11/28 Python
python多进程和多线程究竟谁更快(详解)
2017/05/29 Python
python贪婪匹配以及多行匹配的实例讲解
2018/04/19 Python
mac下给python3安装requests库和scrapy库的实例
2018/06/13 Python
解决python os.mkdir创建目录失败的问题
2018/10/16 Python
python3实现网络爬虫之BeautifulSoup使用详解
2018/12/19 Python
Python实现批量执行同目录下的py文件方法
2019/01/11 Python
如何关掉pycharm中的python console(图解)
2019/10/31 Python
如何对python的字典进行排序
2020/06/19 Python
浅析CSS3 中的 transition,transform,translate之间区别和作用
2020/03/26 HTML / CSS
CK美国官网:Calvin Klein
2016/08/26 全球购物
捷克时尚网上商店:OTTO
2018/03/15 全球购物
本科毕业生专业自荐书范文
2014/02/05 职场文书
2015年计生协会工作总结
2015/04/24 职场文书
认识实习感想
2015/08/10 职场文书
2015年物业公司保洁工作总结
2015/10/22 职场文书
关于艺术节的开幕致辞
2016/03/04 职场文书
SQLServer之常用函数总结详解
2021/08/30 SQL Server
python模块与C和C++动态库相互调用实现过程示例
2021/11/02 Python
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis
Redis高可用集群redis-cluster详解
2022/03/20 Redis