js实现点击图片将图片地址复制到粘贴板的方法

js实现点击图⽚将图地址复制到粘贴板的⽅法本⽂实例讲述了js实现点击图⽚将图⽚地址复制到粘贴板的⽅法。分享给⼤家供⼤家参考。具体如下:
复制代码代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="/1999/xhtml">
<head>
<meta name="robots" content="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>点击图⽚直接把图⽚地址复制到粘贴板</title>
<style type="text/css">
#www_jb51_net_hidden {
position:absolute;
visibility:hidden;
}
img {
cursor:pointer ;
}
</style>
</head>
谢文广中科院<body>
点击下⾯的图⽚直接获取得地址。
<div id="jb51_net">
环氧环己烷
<img src="images/m10.jpg"><br />
</div>
<span id="www_jb51_net_hidden"></span>
</body>
<script type="text/javascript">
<!--
多源
$id=function(id) {
ElementById(id);
}
var objs =$id("jb51_net").getElementsByTagName("img") ;
for (var i=0;i<objs.length;i++ ) {
朱正印
sciencedirect数据库
objs[i].onclick=function () {
$id("www_jb51_net_hidden").innerHTML=this.src ;
var my_range =ateTextRange() ;
寒冷也是一种温暖迟子建veToElementText($id("www_jb51_net_hidden"));
Command("copy");
alert("图⽚地址已经复制到剪贴板");
return false ;
}
}
//-->
</script>
</html>
希望本⽂所述对⼤家的javascript程序设计有所帮助。

本文发布于:2024-09-23 04:27:33,感谢您对本站的认可!

本文链接:https://www.17tex.com/xueshu/212478.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:地址   复制到   将图   粘贴板
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2019-2024 Comsenz Inc.Powered by © 易纺专利技术学习网 豫ICP备2022007602号 豫公网安备41160202000603 站长QQ:729038198 关于我们 投诉建议