JS点击图片后其地址自动复制到剪贴板

最新推荐文章于 2021-09-25 18:16:52 发布

cuikuang6306

最新推荐文章于 2021-09-25 18:16:52 发布

阅读量193

点赞数

文章标签： xhtml javascript ViewUI

点击(此处)折叠或打开

<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">
<html xmlns=\"http://www.w3.org/1999/xhtml\">
<head>
<title>JS点击图片后其地址自动复制到剪贴板_石家庄地毯</title>
<style type=\"text/css\">
#info_hidden {
position:absolute;
visibility:hidden;
}
img {
cursor:pointer ;
}
</style>
</head>
<body>
<div id=\"imgs\">
<img src=\"http://www.webdm.cn/images/wall1_s.jpg\">
<img src=\"http://www.webdm.cn/images/wall3_s.jpg\">
</div>
<span id=\"info_hidden\"></span>
</body>
<script type=\"text/javascript\">
<!--
$id=function(id) {
return document.getElementById(id);
}
var objs =$id(\"imgs\").getElementsByTagName(\"img\") ;
for (var i=0;i
objs[i].οnclick=function () {
$id(\"info_hidden\").innerHTML=this.src ;
var my_range =document.body.createTextRange() ;
my_range.moveToElementText($id(\"info_hidden\"));
my_range.execCommand(\"copy\");
alert(\"已成功复制到剪贴板\");
return false ;
}
}
//--&gt
</script>
<br />
</html>