const copy = (ref) => {
const range = document.createRange();
window.getSelection()?.removeAllRanges(); //清楚页面已有的selection
range.selectNode(ref); //选中需要复制的node
window.getSelection()?.addRange(range); //执行选中元素
const successful = document.execCommand("copy"); //执行copy
window.getSelection()?.removeAllRanges(); //移除选中元素
}
Business Owner: TENCENTID1
{ position: "fixed", right: 25, top: 100 }}
>
{ cursor: "pointer" }}
onClick={() => {
setTipText("Copy sucess");
copy(tipRef_1.current);
}}
onMouseLeave={() => {
setTipText("Copy");
}}
/>
其中ref是元素节点,vue、react可使用ref,JS原生使用DOM对象获取,自行修改。
最后通过Copy Icon 点击调用此方法就好了。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)