a标签实现点击复制文本

<a style='text-decoration: none' onclick='copyText(this)' >复制文本</a>
<input type="text" id="copy" />

function copyText(obj) {var text = obj.innerText;if (text == "") {return false;} var input = document.getElementById("copy");input.value = text; input.select(); document.execCommand("copy");$.modalMsg("文本复制成功");}

注意： input不能设置成hidden，不能带disabled属性，也不能隐藏。

a标签实现点击复制文本相关推荐

js点击复制文本 - 案例篇
文章目录 js点击复制文本 :代码+效果图效果图 · 示下: html 代码如下: 注意代码: 附:[javascript监听键盘事件 - 如表单enter回车提交](https://blog.cs ...
【前端技巧】实现点击复制文本内容方法
/*** 点击复制文本内容* * @param {String} content * * @author Outman* @date 2022-10-27*/ // [旧]利用inputElement ...
js方法点击复制文本
copy(data) { //复制文本let url = data;let oInput = document.createElement('input');oInput.value = url;do ...
微信小程序点击复制文本到剪切板，获取剪切板内容
设置剪切板:wx.setClipboardData 获取剪切板:wx.getClipboardData api:https://developers.weixin.qq.com/miniprogram ...
前端点击复制文本无需插件
// 复制文本copyText(text) {navigator &&navigator.clipboard &&navigator.clipboard.writeTe ...
vue中实现点击复制文本内容之clipboard
项目中有些场景需要点击复制某段内容并粘贴的功能如点击复制名称,订单号,文章段落等需要先安装引入使用对应的方法 1.安装 npm install clipboard --save 2.引入直接 ...
H5移动端完美实现点击复制文本的解决方法，已经自测！
简介当文档对象被转换为设计模式的时候(选中,设置contentEditable等),文档对象提供了一个execCommand方法,通过给这这个方法传递参数命令可以操作可编辑区域的内容.这个方法的命令 ...
html5点击复制文本框内容,js实现点击按钮复制文本功能
最近遇到一个需求,需要点击按钮,复制标签中的文本到剪切板之前做过复制输入框的内容,原以为差不多,结果发现根本行不通尝试了各种办法,最后使了个障眼法,实现了下面的效果一.原理分析浏览器提供了 ...
jquery实现点击复制文本
<body><input> <h1 id="aaa">Hello World</h1> <input type="b ...
vue移动端点击复制文本内容
安装依赖包: npm install clipboard --save 在需要用到的vue文件导入: import Clipboard from 'clipboard'; import { Toast ...

a标签实现点击复制文本

a标签实现点击复制文本相关推荐

最新文章

热门文章