编程 Javascript

JavaScript实现点击按钮就复制当前网址

Posted in Javascript onDecember 14, 2015

点击按钮复制当前网址:

在大量的网站都有这样的功能，当点击一个按钮的时候可以复制当前页面的地址，以此可以方便网站用户对链接的存储，同时也便于网站的推广，下面就结合实例介绍一下如何实现此功能：

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://3water.com/" />
<title>三水点靠木</title>
</head>
<body>
<input type="button" name="button" value="复制本页标题和网址，推荐给您的好友"><br><br>
<script type="text/javascript">
function softwhy() {
 var clipBoardContent = "";
 clipBoardContent += document.title;
 clipBoardContent += "\n";
 clipBoardContent += this.location.href;
 window.clipboardData.setData("Text", clipBoardContent);
 alert("三水点靠木提示：复制成功！");
}
</script>
</body>
</html>

以上代码可以在点击按钮实现复制当前链接的功能，但是令人遗憾的是只有IE浏览器支持此功能。以上代码也很简单，有哪里不明白的欢迎提出，谢谢。！

JavaScript实现点击按钮就复制当前网址

- Author -

zhengzebiaodashi

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一句话JavaScript表单验证代码

Aug 02 Javascript

通过隐藏option实现select的联动效果

Nov 10 Javascript

如何让easyui gridview 宽度自适应窗口改变及fitColumns应用

Jan 25 Javascript

jQuery图片滚动图片的效果(另类实现)

Jun 02 Javascript

简单实现JS对dom操作封装

Dec 02 Javascript

原生js实现无限循环轮播图效果

Jan 20 Javascript

ES6中Math对象的部分扩展

Feb 20 Javascript

ReactNative之键盘Keyboard的弹出与消失示例

Jul 11 Javascript

使用node.js对音视频文件加密的实例代码

Aug 30 Javascript

Angular中点击li标签实现更改颜色的核心代码

Dec 08 Javascript

超好用的jQuery分页插件jpaginate用法示例【附源码下载】

Dec 06 jQuery

vue tab滚动到一定高度,固定在顶部,点击tab切换不同的内容操作

Jul 22 Javascript

JavaScript 实现的 zip 压缩和解压缩工具包Zip.js使用详解

Dec 14 #Javascript

JS+JSP通过img标签调用实现静态页面访问次数统计的方法

Dec 14 #Javascript

基于JavaScript实现一定时间后去执行一个函数

Dec 14 #Javascript

javascript中new关键字详解

Dec 14 #Javascript

jQuery position() 函数详解以及jQuery中position函数的应用

Dec 14 #Javascript

Position属性之relative用法

Dec 14 #Javascript

CSS中position属性之fixed实现div居中

Dec 14 #Javascript