js 将字符串复制粘贴到剪贴板

第一种:只适用于复制 input 和 textarea 中的内容,对于其他标签的复制就不能用了

// html

<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>title><meta charset="utf-8" />head><body><input id="test" value="11111">11111input><input type="button" id="Copy" value="点击复制代码" />body>html>
	// js  也可以用原生 Dom 操作方法获取节点对象$("#Copy").click(function() {var copyText = $("#test")//获取对象copyText.select();//选择document.execCommand("Copy");//执行复制alert("复制成功!");})

第二种:适用于所有标签或者复制接口返回的值

function copyText(text) {var textarea = document.createElement("input");//创建input对象var currentFocus = document.activeElement;//当前获得焦点的元素document.body.appendChild(textarea);//添加元素textarea.value = text;textarea.focus();if(textarea.setSelectionRange)textarea.setSelectionRange(0, textarea.value.length);//获取光标起始位置到结束位置elsetextarea.select();try {var flag = document.execCommand("copy");//执行复制} catch(eo) {var flag = false;}document.body.removeChild(textarea);//删除元素currentFocus.focus();return flag;}$("#Copy").click(function() {var str= $("#test").text();//获取文本var flag = copyText(str); //传递文本alert(flag ? "复制成功!" : "复制失败!");})

参考其实丿简单


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部