实现如上图复制产品链接到剪贴板的功能
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<script type="text/javascript" src="jquery-1.11.1.min.js"></script>
<script type="text/javascript">
function copylinkurl(obj){
var link=$(obj).siblings("a").attr("href"); //获取到网址
var inputEle = document.createElement('textarea')
inputEle.setAttribute('readonly', 'readonly') // 防止手机上弹出软键盘
document.body.appendChild(inputEle)
inputEle.value = link
inputEle.select()
var isOk = document.execCommand('Copy')
document.body.removeChild(inputEle)
}
</script>
</head>
<body>
<table width="800" border="1">
<tbody>
<tr>
<td>ID</td>
<td>产品名称</td>
<td>型号</td>
<td>类别</td>
<td>复制网址</td>
</tr>
<tr>
<td>1</td>
<td>产品1</td>
<td>SC01</td>
<td>仪器</td>
<td><a href="http://www.163.com/1">产品1</a><span οnclick="copylinkurl(this);">复制链接</span></td>
</tr>
<tr>
<td>1</td>
<td>产品1</td>
<td>SC01</td>
<td>仪器</td>
<td><a href="http://www.163.com/2">产品1</a><span οnclick="copylinkurl(this);">复制链接</span></td>
</tr>
<tr>
<td>1</td>
<td>产品1</td>
<td>SC01</td>
<td>仪器</td>
<td><a href="http://www.163.com/3">产品1</a><span οnclick="copylinkurl(this);">复制链接</span></td>
</tr>
</tbody>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
