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

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

高老师9年前 (2018-01-03)H52684
<!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点击复制到剪贴板” 的相关文章

javascript停止定时器,	js删除定时器

javascript停止定时器, js删除定时器

    window.setInterval(method,time)方法本身会返回一个资源句柄,使用clearInterval(Intervalid)方法即可清除定时器<script> var num=0; //每隔1秒再控制台输...

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

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

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

canvs转图片canvs转base64

canvs转图片canvs转base64

二期项目中生成的简历二维码是使用canvs生成的,微信浏览器中不能识别二维码,只能扫码。懒的换phpqrcode,于是转canvs。//设置一个url var url = "{yun:}$config.sy_weburl{/yun}/mingli/index....

 js图片旋转插件jqueryrotate

js图片旋转插件jqueryrotate

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

 js 工厂模式示例,js工厂模式原理

js 工厂模式示例,js工厂模式原理

查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...

js原型对象的缺点,js原型链及其优缺点

js原型对象的缺点,js原型链及其优缺点

//原型的缺点 function Box(){} Box.prototype={ 'name':'gao',  age:23,  family:['哥哥','姐姐','妹妹'], &...