JavaScript双击DataGrid的Cell，复制内容到剪切板

最新推荐文章于 2023-02-17 17:19:05 发布

行走的猪蹄子

最新推荐文章于 2023-02-17 17:19:05 发布

阅读量410

点赞数

分类专栏： javascript

javascript 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种在DataGrid中实现单元格值复制到剪切板的方法。通过onDblClickCell事件监听双击操作，并利用document.execCommand实现复制功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先：DataGrid的双击事件为onDblClickCell: function(index,field,value)

其中value代表Cell的内容，（index为序号；field为列ID）

通过value能够获取Cell的值，之后就是把值复制到剪切板；

代码如下：

onDblClickCell: function(index,field,value){
        		var oInput = document.createElement('input');
                oInput.value = value;
                document.body.appendChild(oInput);
                oInput.select(); // 选择对象
                document.execCommand("Copy"); // 执行浏览器复制命令
                oInput.className = 'oInput';
                oInput.style.display='none';
                alert('复制成功');
        	},

（参考博客：https://blog.youkuaiyun.com/u013440443/article/details/80682487）