js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板
<!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> “js 点击复制,js实现手机端点击复制,js实现点击复制,js点击复制到剪贴板” 的相关文章
HTML5的离线缓存技术
离线缓存的开启实例使用apache设置 1.apache配置文件搜索Addtype,我的addtype已经存在项目,如下 AddType application/x-compress .Z AddType application/x-gz...
tmodjs模板语法
TmodJS是一套完整的前端模块框架。 虽然我们PHP框架自带各种模板引擎，但是始终是后端模板引擎。例如我们在使用ThinkPHP3.2.3中如果是Ajax异步加载页面，拼接HTML真的是很头疼的一件事情。...
ajax上传文件,formdata上传文件,ajax上传file文件,原生ajax上传文件,ajax上传图片,ajax上传文件formdata
通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因为可以独立于表单使用。如果你把表单的编码类型设置为multipart/form-data ，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相同...
js 工厂模式示例,js工厂模式原理
查看文章前你需要了解以下2点://1.this指向的是windows对象,通过console.log(this)可以查看到对象包含所有的方法和属性//2.全局变量属于this对象的属性通过console.log(this)可以查看到对象包含我们设置的全局变量我们经常在创建相同结构的Js对象会重复的设...
javascript使用原型为内置对象增加方法
//字面量的形式创建原型对象 /* function Box(){} Box.prototype={ 'name':'gao', age:23, fun:function(){ return this.name+'--'+...
setTimeout在循环执行顺序的思考
朋友面试时候遇到的问题,我天真的认为会输出0,1,2,但是实际一直只输出2,2,2。通过了解才执行Js自身是单线程的环境,for循环本身是同步代码,setTimeout是异步代码。单线程的语言不能同时做2件事情,必须做出选择。于是Js引擎决定了当我执行完成同步的代码，再去执行异步的代码。当执行异步的...