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

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

高老师8年前 (2018-01-03)H52579
<!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-WebSql的用法

Javascript-WebSql的用法

    WebSql的原理是浏览器集成了sqllite数据库,Js操作,浏览器协助完成,没有多复杂。<!--          三个核心方法   ...

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

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

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

HTML5的离线缓存技术

HTML5的离线缓存技术

离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下    AddType application/x-compress .Z    AddType application/x-gz...

使用js让手机震动,js实现手机震动

使用js让手机震动,js实现手机震动

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> </head>  ...

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

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

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

 js构造函数

js构造函数

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