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真的是很头疼的一件事情。...
阻止表单提交刷新页面
<form action="save.php" method="post" target="nm_iframe"> &nbs...
websql的使用方法
<!-- 三个核心方法 openDatabase:这个方法使用现有数据库或创建...
Javascript事件冒泡和捕捉的阻止
<!DOCTYPE html> <html> <head> <title>捕捉和冒泡</title> <meta charset="utf-8"> </head> <bo...
Javascript绑定事件和移除事件
<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> </head> <body>...