手机页面html点击按钮复制文字,html中一段js代码实现点击文字复制相应内容到剪切板...

本文介绍了如何在HTML页面中实现点击按钮复制文字的功能。通过创建隐藏的textarea元素,利用window.getSelection()和document.execCommand('copy'),可以实现在不同设备上的文字复制。JS代码示例给出了解决方案。
摘要由CSDN通过智能技术生成

HTML中简单制作点击某文字直接复制内容js

原理:

创建一个唯一的隐藏的可复制的元素,然后调用window.getSelection()获取选中内容,再使用document.execCommand("copy")执行copy

HTML部分

这里写可复制内容,也可以套用到按钮等

调用JS部分

function copyAble(element) {

var id = 'copy-able-el'

var scrollTop = document.documentElement.scrollTop;

var copyElement = document.getElementById(id);

copyElement|| (copyElement= document.createElement("textarea"),

copyElement.style.position = "absolute",

copyElement.style.left = "-9999px",

copyElement.style.top = scrollTop + "px",

copyElement.id = id,

document.body.appendChild(copyElement)),

copyElement.textContent = element.innerText;

element = id;

if (element = "string" == typeof element ? document.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值