js实现点击图片将图片地址复制到粘贴板的方法
更新时间：2015年02月16日 10:44:21 作者：代码家园
这篇文章主要介绍了js实现点击图片将图片地址复制到粘贴板的方法,涉及js操作节点的技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了js实现点击图片将图片地址复制到粘贴板的方法。分享给大家供大家参考。具体如下：
复制代码 代码如下:
<!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>
<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) {
return document.getElementById(id);
}
var objs =$id("jb51_net").getElementsByTagName("img") ;
for (var i=0;i<objs.length;i++ ) {
objs[i].onclick=function () {
$id("www_jb51_net_hidden").innerHTML=this.src ;
var my_range =document.body.createTextRange() ;
my_range.moveToElementText($id("www_jb51_net_hidden"));
my_range.execCommand("copy");
alert("图片地址已经复制到剪贴板");
return false ;
}
}
//-->
</script>
</html>
希望本文所述对大家的javascript程序设计有所帮助。
相关文章
这篇文章主要为大家详细介绍了JS实现用户注册界面功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-09-09
深入理解javascript作用域第二篇之词法作用域和动态作用域
这篇文章主要介绍了javascript作用域第二篇之词法作用域和动态作用域的相关资料，非常不错，具有参考借鉴价值，感兴趣的朋友可以参考下2016-07-07
代码生成器 document.write()...2007-04-04![Array.prototype.concat不是通用方法反驳[译]](//img.jbzj.com/images/xgimg/bcimg3.png)
Array.prototype.concat不是通用方法反驳[译]
ECMAScript 5.1规范中指出,数组方法concat是通用的(generic).本文反驳了这一结论,因为实际上并不是这样的2012-09-09
本文主要介绍了js性能优化的快速响应的用户界面。具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了JavaScript Math对象和调试程序的方法,结合实例形式分析了javascript中Math对象生成随机数以及使用alert()、console.log()函数进行错误调试相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要给大家介绍了关于微信小程序map组件z-index的层级问题的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用微信小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧2019-07-07
内建函数其实就是内置函数,reduce函数是ECMAScript5规范中出现的数组方法。在平时的工作中，相信大家使用的场景并不多，这篇文章给大家详细介绍了函数reduce的应用以及多重叠加，有需要的朋友们可以参考借鉴，下面来一起看看吧。2016-10-10
在JavaScript中,私有属性是指只能在对象内部访问的属性,外部无法直接访问,JavaScript并没有提供官方的私有属性的支持,但可以通过一些技巧来模拟实现私有属性,所以本文给大家总结了JavaScript实现私有属性的几种方式,需要的朋友可以参考下2024-04-04
这篇文章主要介绍了通过js如何改变状态栏文字,需要的朋友可以了解下2014-06-06
![Array.prototype.concat不是通用方法反驳[译]](http://img.jbzj.com/images/xgimg/bcimg3.png)
最新评论