当前位置:首页 > H5 > 正文内容

js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板

高老师9年前 (2018-01-03)H52653
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>点击复制</title>
	</head>
	<body>
		
	推荐码 : <span id="copy-text">123456</span>  
		
		<a href="javascript:;" onclick="copyToClipboard('copy-text')" class="copy-btn">点击复制</a>
		<script type="text/javascript">
			function copyToClipboard(elementId) {
		      var aux = document.createElement("input");
		      var content = document.getElementById(elementId).innerHTML || document.getElementById(elementId).value;
		      aux.setAttribute("value", content);
		      document.body.appendChild(aux);
		      aux.select();
		      document.execCommand("copy");
		      document.body.removeChild(aux);
		      
		      console.log('复制成功!直接粘贴即可');
		    }			
		</script>
	</body>
</html>

扫描二维码推送至手机访问。

版权声明:本文由高久峰个人博客发布,如需转载请注明出处。

本文链接:https://blog.20230611.cn/post/263.html

分享给朋友:

“js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板” 的相关文章

百度地图,腾讯地图生成导航链接

百度地图,腾讯地图生成导航链接

https://3gimg.qq.com/lightmap/v1/marker/index.html?marker=coord:37.6767600000,112.7297800000&key=TKUBZ-D24AF-GJ4JY-JDVM2-IBYKK-KEBCU&referer=p...

websql的使用方法

websql的使用方法

<!--          三个核心方法          openDatabase:这个方法使用现有数据库或创建...

Javascript绑定事件和移除事件

Javascript绑定事件和移除事件

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body>...

Javascript Ddos

Javascript Ddos

代码1:<!--代码开始--> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> <script>...

 js图片旋转插件jqueryrotate

js图片旋转插件jqueryrotate

jQuery 插件——jqueryrotate,它可以实现旋转效果。jqueryrotate 支持所有主流浏览器,包括 IE6。如果提示方法不存在,可能是你的Jquery版本过低或者过高。基本语法:$('#img').rotate(90);//旋转90度其他的参数:参数类型说明默认值...

 js构造函数

js构造函数

工厂模式虽然解决了创建多个对象的问题,但是并没有解决识别对象从属的问题.因为都属于object.因此出现了构造函数//构造函数名称首字母大写是规范 function Box(name,age){ this.name=name; this.age=age; this.run=funct...