点击按钮复制链接（实现点击按钮，复制文本框中的的内容）

想要的效果是，点击复制链接的按钮，然后就把事先准备好的链接复制上，然后crtr+v就能黏贴出来

我实在react的项目中使用的

// 复制链接方法
copyUrl() {let inputText = document.getElementById('inputText');let currentFocus = document.activeElement;inputText.focus();inputText.setSelectionRange(0, inputText.value.length);document.execCommand('copy', true);currentFocus.focus();if (document.execCommand('copy', true)) {Toaster.show({type: 'success',content: '复制链接地址成功'});}
}

//在进入页面的时候，就把链接准备好了

let copyUrl = 'http://f.xxx.com/priceList/detail/15?bpmCode='+self.state.bpmCode
self.setState({ copyBtnCuipiUrl: copyUrl }, () => {});

<input className="copyUrlInput" type="text" id="inputText" value={this.state.copyBtnCuipiUrl}/>
<Button className="copyUrlBtn" size="small" type="primary" onClick={this.copyUrl}>复制催批链接</Button>

//css 使得最开始的时候input框可以被button按钮给盖住

.copyUrl{float: right;.copyUrlInput{width: 20px;float: right;margin-right: 20px;}.copyUrlBtn{position: absolute;right: 20px;}
}

点击按钮复制链接（实现点击按钮，复制文本框中的的内容）相关推荐

html在文本框中显示内容,js如何实现点击标签文字，文字在文本框出现
js实现点击标签文字,文字出现在文本框里,下面2种方法实现的功能略有不同,总体来说方法一功能更强大. 第一种方法:随意点击任何标签都会出现在文本框中,如何第二次点击标签,对应的文字就会在文本框中消失. ...
使用JavaScript在文本框中的Enter键上触发按钮单击
我有一个文本输入和一个按钮(见下文). 当在文本框中按下Enter键时,如何使用JavaScript 触发按钮的click事件 ? 当前页面上已经有一个不同的"提交"按钮,因此我不 ...
基于列表框的简单选课窗体开发。编写Windows应用程序，设计实现一个简单选课系统，要求：（1）点击“添加”按钮，将把在第一文本框中的输入的课程名称添加到左边的列表框中，且所添加的课程不能为空，不能
基于列表框的简单选课窗体开发.编写Windows应用程序,设计实现一个简单选课系统,要求: (1)点击"添加"按钮,将把在第一文本框中的输入的课程名称添加到左边的列表框中,且所添加 ...
2021-11-18 WinFrom面试题 Winform中，怎么实现Form2中点击打开按钮，打开Form1,输入文本，再点击Form1中的“确定”按钮，把输入的值显示到Form2的文本框中？
Winform中,怎么实现Form2中点击打开按钮,打开Form1,输入文本,再点击Form1中的"确定"按钮,把输入的值显示到Form2的文本框中? 首先自定义一个事件参数Tex ...
在jsp页面中点击编辑按钮，显示input边框，可编辑，点击保存按钮，输入框消失，不可编辑，并将文本框中的内容保存到数据库中
寻找的资料一. 默认readonly不允许编辑.点击编辑的时候加上边框样式,去掉readonly属性 <style>.readonly input{border:none}</st ...
删除web文本框中的内容需要或者文本框失去焦点，点击“Backspace”键时页面回退，屏蔽页面回退键的方法
问题:web文本框中的内容需要删除或者文本框失去焦点,点击"Backspace"键时,页面就回退了,下面是一种屏蔽页面回退键的方法. 原因:当文本输入框设置为只读时,按后退键默认都 ...
html获取文本框中的文字,JavaScript实现input输入框点击获取文字内容
Js实现INPUT输入框,当鼠标点击文字时自动获取文字内容,并显示在文本框中,一个惯用的表单技巧,有时可省去一些用户输入的麻烦,可有效提升用户体验. input输入框获取js点击文字内容 .c{ wi ...
java用按钮控制文本框隐藏与显示_编写JAVA程序，在其中有一个按钮和一个文本框。单击按钮时，文本框中显示按钮上显示的字。...
展开全部一e68a8462616964757a686964616f31333363373766 主要实现技术 Java图形化界面,较为常见的有awt, swing 和swt, 一般使用SWING来 ...
python模拟按键与鼠标操作（二）将复制内容粘贴至指定文本框中
一.简介我们在使用python模拟键盘鼠标时,经常需要传入一些变量在页面的文本框中,比如传入查询数据的日期,查询数据的选项等等,这时我们可以利用datatime生成时间,定义为一个变量,然后利用以下 ...

点击按钮复制链接（实现点击按钮，复制文本框中的的内容）

点击按钮复制链接（实现点击按钮，复制文本框中的的内容）相关推荐

最新文章

热门文章