layui表格点击复制到剪切板

点击复制到剪切板

在开发过程中，把某些数据复制到剪切板，所以用js实现这个小功能

因为使用的是layui框架，所以提示消息用的是layui的提示弹窗

// 复制剪切板
function copyContent(content) {var oInput = document.createElement('input');oInput.value = content;document.body.appendChild(oInput);oInput.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令oInput.className = 'oInput';//设置class名document.getElementsByClassName("oInput")[0].remove();//移除这个inputlayer.msg('复制成功！', {icon: 1, time: 3000});
};

{ field: 'interCode', width: INTER_CODE_W, title: '通道编号' , templet: function (d) {return copyContent_table(d.interCode);
}}

layui表格点击复制到剪切板相关推荐

iview利用clipboard插件实现点击文字复制到剪切板
要实现的需求如下 mounted(){this.getYzmlbList();this.clipboard = new Clipboard(".copyBtn",{text: fu ...
clipboard.js 实现动态获取内容并复制到剪切板
一个按钮实现先ajax请求,再实现复制功能: 使用clipboard.js分为以下几个步骤: 1.引入一个clipboard.js的文件: 2.新建一个clipboard对象: 3.点击按钮获取目标对 ...
微信小程序之一键复制到剪切板
最近在开发小程序项目里遇到一个小难题-----一键复制在网页开发里我们可以引用大牛封装好的复制插件,比如无flash插件clipboard.js适用移动端,pc端------- 言归正装,打开微信 ...
Html将内容复制到剪切板.
Html将内容复制到剪切板. 引入clipboard.min.js /*!* clipboard.js v1.6.1* https://zenorocha.github.io/clipboard.js ...
Web功能之复制粘贴剪切板
目录一.展示 1.代码展示 2.实际效果展示二.具体实现简述步骤三.疑惑与解答一.展示 1.代码展示 <!DOCTYPE html> <html> <head& ...
uniapp 复制到剪切板四端适配
记得很早的时候实现过一次,只不过那次是纯 vue 实现的 h5+,但是想用在 uniapp中还是不行.有些地方不能用!不过在 App 中的方法还是可以使用的: Vue 复制内容到系统剪切板_唐僧的 ...
监听浏览器复制粘贴事件开箱即用的复制到剪切板
监听键盘ctrl+c ctrl+v area.onkeydown = (event) => { if (event.ctrlKey) {if (event.keyCode == 67) {ale ...
layui表格点击排序按钮后，表格绑定事件失效解决方法
layui表格点击排序按钮后,表格绑定事件失效解决方法参考文章: (1)layui表格点击排序按钮后,表格绑定事件失效解决方法 (2)https://www.cnblogs.com/gongliha ...
html数据复制到剪切板
一.原生js指令复制 function copyUtil(info) {var $textArea = $('<textarea></textarea>');$textArea ...
微信小程序复制到剪切板及换行问题
wxml <textarea type="text" v-model="copyContent" placeholder="请输入内容" ...

layui表格点击复制到剪切板

点击复制到剪切板

layui表格点击复制到剪切板相关推荐

最新文章

热门文章