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_sxglgf.com_hidden {
  position:absolute;
  visibility:hidden;
 }
 img {
  cursor:pointer ;
 }
</style>
</head>
<body>
点击下面的图片直接获取得地址。
 <div id="sxglgf.com">
  <img src="images/m10.jpg"><br />
 </div>
 <span id="www_sxglgf.com_hidden"></span>
</body>
<script type="text/javascript">
<!--
 $id=function(id) {
  return document.getElementById(id);
 }
 var objs =$id("sxglgf.com").getElementsByTagName("img") ;
 for (var i=0;i<objs.length;i++ ) {
  objs[i].onclick=function () {
   $id("www_sxglgf.com_hidden").innerHTML=this.src ;
   var my_range =document.body.createTextRange() ;
   my_range.moveToElementText($id("www_sxglgf.com_hidden"));
   my_range.execCommand("copy");
   alert("图片地址已经复制到剪贴板");
   return false ;
  }
 }
//-->
</script>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章

  • js DOM的学习笔记

    js DOM的学习笔记

    DOM是Document Object Model文档对象模型的缩写;使用JavaScript操作DOM进行DHTML开发
    2011-12-12
  • JavaScript递归操作实例浅析

    JavaScript递归操作实例浅析

    这篇文章主要介绍了JavaScript递归操作,由一个阶乘问题开始分析了递归操作的原理、实现方法与相关注意事项,需要的朋友可以参考下
    2016-10-10
  • 微信小程序时间选择插件使用详解

    微信小程序时间选择插件使用详解

    这篇文章主要为大家详细介绍了微信小程序时间选择插件的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-12-12
  • javascript获得服务器端控件的ID的实现代码

    javascript获得服务器端控件的ID的实现代码

    javascript获得服务器端控件的ID的实现代码,需要的朋友可以参考下。
    2011-12-12
  • javascript实现图片轮播效果

    javascript实现图片轮播效果

    这篇文章主要为大家介绍了javascript实现图片轮播效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 让Firefox支持event对象实现代码

    让Firefox支持event对象实现代码

    FireFox并没有 window.event ,所以在FireFox下编写事件处理函数是很麻烦的事。如果要得到 event 对象,就必须要声明时间处理函数的第一个参数为event
    2009-11-11
  • JavaScript中利用Array filter() 方法压缩稀疏数组

    JavaScript中利用Array filter() 方法压缩稀疏数组

    Array filter() 方法会跳过稀疏数组中缺少的元素,它的返回数组总是稠密的。这篇文章给大家介绍了JavaScript中利用Array filter() 方法压缩稀疏数组的相关知识,需要的朋友参考下
    2018-02-02
  • JS实现CheckBox复选框全选全不选功能

    JS实现CheckBox复选框全选全不选功能

    在网站的管理后台应用此功能居多,如一次性处理多个产品,或对文章的删除对产品的下架等处理,一条一条的点显然有一些麻烦,如果能每一行放一个checkbox,然后统一处理就好办的多了,今天我就用简单的篇幅来讲解一下这个功能的实现原理和实现过程。
    2015-05-05
  • IE 下Enter提交表单存在重复提交问题的解决方法

    IE 下Enter提交表单存在重复提交问题的解决方法

    这篇文章主要介绍了IE 下Enter提交表单存在重复提交问题的解决方法,需要的朋友可以参考下
    2014-05-05
  • Javascript 中介者模式实例

    Javascript 中介者模式实例

    在页面上,用户会有很多的操作 ,每进行一次操作我们需要去展示操作的结果,在这里我们有了一个问题,我们应如何去展示不同的结果呢?
    2009-12-12

最新评论