js 实现一个点击按钮复制文字信息功能

页面上通过一个按钮把用户需要的信息复制(ctrl+c)功能。可以通过(Ctrl+v)实现粘贴。
方法传入的参数一定要是字符串,可以获取标签内容,以及根据自己需要的数据拼接。

代码部分

var copy=function(content){
	if(!content) return '没有要复制的信息!'
	content = typeof content === 'string' ? content : content.toString() // 复制内容,必须字符串,数字需要转换为字符串

	//为了兼容有些浏览器 queryCommandSupported 的判断
	if (!document.queryCommandSupported('copy')) { 
		// 不支持 
		//error('浏览器不支持');
		return '浏览器不支持'
	}
	let textarea = document.createElement("textarea")
	textarea.value = content
	textarea.readOnly = "readOnly"
	document.body.appendChild(textarea)
	textarea.select() // 选择对象
	textarea.setSelectionRange(0, content.length) //核心
	let result = document.execCommand("copy") // 执行浏览器复制命令
	if(result){
		// success("复制成功~")
		return "复制成功~"
	}else{
		// error("复制失败,请检查h5中调用该方法的方式,是不是用户点击的方式调用的,如果不是请改为用户点击的方式触发该方法,因为h5中安全性,不能js直接调用!")
		return
	}	
	textarea.remove()
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值