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 Event学习第三章 早期的事件处理程序
Feb 07 Javascript
第一个JavaScript入门基础 document.write输出
Feb 22 Javascript
Javascript string 扩展库代码
Apr 09 Javascript
jQuery学习笔记之控制页面实现代码
Feb 27 Javascript
jquery实现多行文字图片滚动效果示例代码
Oct 10 Javascript
JS获取CSS样式(style/getComputedStyle/currentStyle)
Jan 19 Javascript
js和jQuery设置Opacity半透明 兼容IE6
May 24 Javascript
浅析bootstrap原理及优缺点
Mar 19 Javascript
微信小程序开发之map地图实现教程
Jun 08 Javascript
VUE写一个简单的表格实例
Aug 06 Javascript
JavaScript隐式类型转换代码实例
May 29 Javascript
elementUI同一页面展示多个Dialog的实现
Nov 19 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
根德Grundig S400/S500/S700电路分析
2021/03/02 无线电
php中利用explode函数分割字符串到数组
2014/02/08 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
PHP函数import_request_variables()用法分析
2016/04/02 PHP
linux下php上传文件注意事项
2016/06/11 PHP
Yii遍历行下每列数据的方法
2016/10/17 PHP
PHP基于openssl实现的非对称加密操作示例
2019/01/11 PHP
用JavaScript实现仿Windows关机效果
2007/03/10 Javascript
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
jQuery提示效果代码分享
2014/11/20 Javascript
jquery控制背景音乐开关与自动播放提示音的方法
2015/02/06 Javascript
JavaScript中常见获取元素的方法汇总
2015/03/04 Javascript
javascript自定义右键弹出菜单实现方法
2015/05/25 Javascript
JavaScript学习总结之JS、AJAX应用
2016/01/29 Javascript
JS实现鼠标移上去显示图片或微信二维码
2016/12/14 Javascript
JavaScript实现三级联动菜单实例代码
2017/06/26 Javascript
AngularJS实现tab选项卡的方法详解
2017/07/05 Javascript
微信小程序-滚动消息通知的实例代码
2017/08/03 Javascript
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
2018/05/07 Javascript
详解Axios 如何取消已发送的请求
2018/10/20 Javascript
Ant Design Vue 添加区分中英文的长度校验功能
2020/01/21 Javascript
npm ci命令的基本使用方法
2020/09/20 Javascript
在Python 3中实现类型检查器的简单方法
2015/07/03 Python
pytorch中tensor的合并与截取方法
2018/07/26 Python
Python Django切换MySQL数据库实例详解
2019/07/16 Python
Python中低维数组填充高维数组的实现
2019/12/02 Python
传统HTML页面实现模块化加载的方法
2018/10/15 HTML / CSS
创造美妙香氛体验:Aera扩散器和香水
2018/11/25 全球购物
英国莱斯特松木橡木家具网上商店:Choice Furniture Superstore
2019/07/05 全球购物
应届生求职推荐信
2013/10/28 职场文书
公司授权委托书范本
2014/04/03 职场文书
促销活动总结报告
2014/04/26 职场文书
颐和园导游词400字
2015/01/30 职场文书
高校自主招生自荐信2015
2015/03/04 职场文书
2019关于实习生工作安排及待遇的管理方案!
2019/07/16 职场文书