点击复制-表格选择数据

清疚 2023-09-30 09:22 16阅读 0赞

效果图：

![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA546L5a625LqU5ZOl_size_20_color_FFFFFF_t_70_g_se_x_16][]

<div id="uploadDemoView">
    				<table rules="all" border="1px" id="tabshow" style="text-align: left;">
    					<tbody>
    						<tr>
    							<th>文件名称</th>
    							<th>文件类型</th>
    							<th>文件大小</th>
    							<th>缩略图</th>
    							<th>文件操作</th>
    						</tr>
    						<tr>
    							<td><input name="fileName" type="hidden" value="1 (2).jpeg"><input name="fileType"
    									type="hidden" value=".jpeg"><input name="fileSize" type="hidden"
    									value="44.78"><input name="fileUrl" type="hidden"
    									value="http://127.0.0.1/profile/upload/2022/03/13/f2b03c9b-8ae4-47d9-9a7c-44632b16760a.jpeg">1
    								(2).jpeg </td>
    							<td> .jpeg </td>
    							<td> 44.78 KB</td>
    							<td><img alt="1 (2).jpeg"
    									src="http://127.0.0.1/profile/upload/2022/03/13/f2b03c9b-8ae4-47d9-9a7c-44632b16760a.jpeg"
    									style="width: 60px;height: 60px"></td>
    							<td><a target="_blank"
    									href="http://127.0.0.1/profile/upload/2022/03/13/f2b03c9b-8ae4-47d9-9a7c-44632b16760a.jpeg">查看</a>
    								   <a onclick="copyText(this)">点击复制</a> </td>
    						</tr>
    						<tr>
    							<td><input name="fileName" type="hidden" value="1 (1).jpeg"><input name="fileType"
    									type="hidden" value=".jpeg"><input name="fileSize" type="hidden"
    									value="128.80"><input name="fileUrl" type="hidden"
    									value="http://127.0.0.1/profile/upload/2022/03/13/1f92cfbf-60e4-475f-a760-72a636d53ea6.jpeg">1
    								(1).jpeg </td>
    							<td> .jpeg </td>
    							<td> 128.80 KB</td>
    							<td><img alt="1 (1).jpeg"
    									src="http://127.0.0.1/profile/upload/2022/03/13/1f92cfbf-60e4-475f-a760-72a636d53ea6.jpeg"
    									style="width: 60px;height: 60px"></td>
    							<td><a target="_blank"
    									href="http://127.0.0.1/profile/upload/2022/03/13/1f92cfbf-60e4-475f-a760-72a636d53ea6.jpeg">查看</a>
    								   <a onclick="copyText(this)">点击复制</a> </td>
    						</tr>
    					</tbody>
    				</table>
    			</div>

function copyText(item) {
    
        var cptext = $(item).parents('tr').find('td:eq(3)>img').attr('src');
        copyToClipboard(cptext);
    
    }
          
    
    /**
     * 拷贝到粘贴板
     * @param {Object} element
     */
    function copyToClipboard(element) {
    	var $temp = $("<input>");
    	$("body").append($temp);
    	$temp.val(element).select();
    	document.execCommand("copy");
    	$temp.remove();
    
    	$.modal.msg("拷贝成功！	");
    
    }

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA546L5a625LqU5ZOl_size_20_color_FFFFFF_t_70_g_se_x_16]: https://img-blog.csdnimg.cn/608dd0fb8f56431ab843d2392f906f69.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA546L5a625LqU5ZOl,size_20,color_FFFFFF,t_70,g_se,x_16

发表评论取消回复

表情：

评论列表（有 0 条评论，16人围观）

还没有评论，来说两句吧...

相关阅读

相关 js点击一键复制

function copyText() { var Url2 = $(".copy-text").text();//这个是被复制的文本

末蓝、/ 2023年10月11日 12:31/ 0 赞/ 38 阅读

相关 SWT表格--获取点击位置

忽略布局等代码，此处主要是点击监听事件的方法。 //鼠标点击监听事件 table.addListener(SWT.MouseDown, new Listen

迈不过友情╰/ 2023年10月01日 09:55/ 0 赞/ 208 阅读

相关点击复制-表格选择数据

效果图： ![watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA546L5a625LqU5ZOl_size_20_co

清疚/ 2023年09月30日 09:22/ 0 赞/ 17 阅读

相关 elementUI,点击表格展开，刷新的时候也展开点击过的表格。点击箭头，或者表格这一行都可以。

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

迷南。/ 2023年06月26日 05:55/ 0 赞/ 36 阅读

相关 layui数据表格点击编辑行数据事件

<table class="layui-hide" id="LAY_table_user" lay-filter="user"></table> 注意：单元格编辑事件

清疚/ 2023年06月06日 10:47/ 0 赞/ 53 阅读

相关 php点击复制链接,php怎么点击复制

![26ab13a9299fb139fd59495e74784213.png][] php怎么点击复制? php实现复制功能可以使用copy()函数。copy()函数用于拷

矫情吗；*/ 2023年01月13日 10:44/ 0 赞/ 258 阅读

相关 Antd的嵌套表格-点击当前行异步获取子表格数据

> 描述一下需求：使用Antd的嵌套表格写的，点击当前行需要请求当前行子表格数据，同时可以展开多行，然后在更换查询条件时，表格展开的行，都合起来。因为项目保密性问题，就用A

向右看齐/ 2022年11月04日 11:26/ 0 赞/ 711 阅读

相关点击按钮复制文本框内容

点击按钮复制文本框内容复制文本框内容的方法如下： function Copy(){ var e=document.getElementById("c

超、凢脫俗/ 2021年12月10日 09:29/ 0 赞/ 454 阅读

相关双击表格回填数据

开发工具与关键技术：SQL Server 2014与jquery 作者：戴怡斌撰写时间：2019年7月27日上一篇，好吧，这

旧城等待，/ 2021年11月23日 23:32/ 0 赞/ 370 阅读

相关点击按钮动态生成表格

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

迷南。/ 2021年11月09日 07:20/ 0 赞/ 454 阅读