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 相关文章推荐
JavaScript 创建对象和构造类实现代码
Jul 30 Javascript
jQuery dialog 异步调用ashx,webservice数据的代码
Aug 03 Javascript
远离JS灾难css灾难之 js私有函数和css选择器作为容器
Dec 11 Javascript
THREE.JS入门教程(4)创建粒子系统
Jan 24 Javascript
用jquery存取照片的具体实现方法
Jun 30 Javascript
利用C/C++编写node.js原生模块的方法教程
Jul 07 Javascript
使用Node.js搭建静态资源服务详细教程
Aug 02 Javascript
jQuery实现的点击图片居中放大缩小功能示例
Jan 16 jQuery
详解javascript函数写法大全
Mar 25 Javascript
Vue的Eslint配置文件eslintrc.js说明与规则介绍
Feb 03 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 Javascript
vue通过过滤器实现数据格式化
Jul 20 Javascript
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通过header实现文本文件下载的代码
2010/08/08 PHP
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
JavaScript入门教程(6) Window窗口对象
2009/01/31 Javascript
jQuery代码优化之基本事件
2011/11/01 Javascript
复制网页内容,粘贴之后自动加上网址的实现方法(脚本之家特别整理)
2014/10/16 Javascript
jQuery实现冻结表头的方法
2015/03/09 Javascript
js网页滚动条滚动事件实例分析
2015/05/05 Javascript
JavaScript基于setTimeout实现计数的方法
2015/05/08 Javascript
Bootstrap Table的使用总结
2016/10/08 Javascript
jQuery插件ajaxFileUpload异步上传文件
2016/10/19 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
原生js FileReader对象实现图片上传本地预览效果
2020/03/27 Javascript
javascript变量提升和闭包理解
2018/03/12 Javascript
json字符串传到前台input的方法
2018/08/06 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
js实现淘宝浏览商品放大镜功能
2020/10/28 Javascript
[00:09]DOTA2新版本PA至宝特效动作展示
2014/11/19 DOTA
python轻松实现代码编码格式转换
2015/03/26 Python
python 远程统计文件代码分享
2015/05/14 Python
Python断言assert的用法代码解析
2018/02/03 Python
Python File readlines() 使用方法
2018/03/19 Python
python 多进程队列数据处理详解
2019/12/23 Python
Python+Django+MySQL实现基于Web版的增删改查的示例代码
2020/05/13 Python
使用CSS3的appearance属性改变元素的外观的方法
2015/12/12 HTML / CSS
html5 canvas移动浏览器上实现图片压缩上传
2016/03/11 HTML / CSS
萌新HTML5 入门指南(二)
2020/11/09 HTML / CSS
Links of London官方网站:英国标志性的珠宝品牌
2017/04/09 全球购物
企业演讲稿范文
2013/12/28 职场文书
自我反省检讨书
2014/01/23 职场文书
2014年仓管员工作总结
2014/11/18 职场文书
平安建设汇报材料
2014/12/29 职场文书
幼儿园感恩节活动总结
2015/03/24 职场文书
2016创先争优活动党员公开承诺书
2016/03/24 职场文书
详解Redis复制原理
2021/06/04 Redis
html form表单基础入门案例讲解
2021/07/21 HTML / CSS
介绍一下28个JS常用数组方法
2022/05/06 Javascript