js点击按钮复制文本框内容 纯代码实现

代码演示



 

实例代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "https://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="https://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>ZeroClipboard(复制功能)</title>
</head>
<body>
<textarea name="text" id="text" cols="30" rows="10">
安然联盟测试内容 
</textarea>
<button onclick="myCopy()">点击复制文本框内的内容</button><br>
<script>
function myCopy(){
var ele = document.getElementById("text");
ele.select();
document.execCommand("Copy");
alert("复制成功");
}
</script>
</body>
</html>

核心代码

<textarea name="text" id="text" cols="30" rows="10">
安然联盟测试内容
</textarea>
<button onclick="myCopy()">点击复制文本框内的内容</button><br>
<script>
function myCopy(){
var ele = document.getElementById("text");
ele.select();
document.execCommand("Copy");
alert("复制成功");
}
</script>
© 版权声明
THE END
喜欢就支持以下吧
点赞4545赞赏
分享
评论 抢沙发

请登录后发表评论