点击按钮复制链接(实现点击按钮,复制文本框中的的内容)
想要的效果是,点击复制链接的按钮,然后就把事先准备好的链接复制上,然后crtr+v就能黏贴出来 我实在react的项目中使用的// 复制链接方法copyUrl() {let inputText = document.getElementById('inputText');let currentFocus = document.activeElement;input...
·
想要的效果是,点击复制链接的按钮,然后就把事先准备好的链接复制上,然后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; } }
更多推荐
已为社区贡献1条内容
所有评论(0)