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


Posted in Javascript onFebruary 16, 2015

本文实例讲述了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_3water_net_hidden {

  position:absolute;

  visibility:hidden;

 }

 img {

  cursor:pointer ;

 }

</style>

</head>

<body>

点击下面的图片直接获取得地址。

 <div id="3water_net">

  <img src="images/m10.jpg"><br />

 </div>

 <span id="www_3water_net_hidden"></span>

</body>

<script type="text/javascript">

<!--

 $id=function(id) {

  return document.getElementById(id);

 }

 var objs =$id("3water_net").getElementsByTagName("img") ;

 for (var i=0;i<objs.length;i++ ) {

  objs[i].onclick=function () {

   $id("www_3water_net_hidden").innerHTML=this.src ;

   var my_range =document.body.createTextRange() ;

   my_range.moveToElementText($id("www_3water_net_hidden"));

   my_range.execCommand("copy");

   alert("图片地址已经复制到剪贴板");

   return false ;

  }

 }

//-->

</script>

</html>

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

Javascript 相关文章推荐
图片自动更新(说明)
Oct 02 Javascript
javascript基本语法分析说明
Jun 15 Javascript
Javascript实现返回上一页面并刷新的小例子
Dec 11 Javascript
JS实现将数字金额转换为大写人民币汉字的方法
Aug 02 Javascript
jquery select2的使用心得(推荐)
Dec 04 Javascript
smartupload实现文件上传时获取表单数据(推荐)
Dec 12 Javascript
ajax的分页查询示例(不刷新页面)
Jan 11 Javascript
js实现移动端微信页面禁止字体放大
Feb 16 Javascript
jQuery用户头像裁剪插件cropbox.js使用详解
Jun 07 jQuery
微信小程序自定义组件实现tabs选项卡功能
Jul 14 Javascript
详解微信小程序自定义组件的实现及数据交互
Jul 22 Javascript
JavaScript事件冒泡机制原理实例解析
Jan 14 Javascript
js实现鼠标经过时图片滚动停止的方法
Feb 16 #Javascript
js鼠标点击图片实现随机变换图片的方法
Feb 16 #Javascript
JavaScript简介
Feb 15 #Javascript
JavaScript的原型继承详解
Feb 15 #Javascript
javascript 闭包详解
Feb 15 #Javascript
PhotoShop给图片自动添加边框及EXIF信息的JS脚本
Feb 15 #Javascript
浅析javascript中函数声明和函数表达式的区别
Feb 15 #Javascript
You might like
PHP4 与 MySQL 交互使用
2006/10/09 PHP
新手学习PHP的一些基础知识分享
2011/07/27 PHP
PHP中数据类型转换的三种方式
2015/04/02 PHP
Windows下PHP开发环境搭建教程(Apache+PHP+MySQL)
2016/06/13 PHP
对laravel的csrf 防御机制详解,及form中csrf_token()的存在介绍
2019/10/24 PHP
jQuery 1.8 Release版本发布了
2012/08/14 Javascript
不使用XMLHttpRequest实现异步加载 Iframe和script
2012/10/29 Javascript
js读取注册表的键值示例
2013/09/25 Javascript
关于jQuery判断元素是否存在的问题示例探讨
2014/07/21 Javascript
jquery读取xml文件实现省市县三级联动的方法
2015/05/29 Javascript
jQuery左右滚动支持图片放大缩略图图片轮播代码分享
2015/08/26 Javascript
浅谈angularjs $http提交数据探索
2017/01/20 Javascript
jQuery中ajax请求后台返回json数据并渲染HTML的方法
2018/08/08 jQuery
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
使用layui+ajax实现简单的菜单权限管理及排序的方法
2019/09/10 Javascript
Vue打包后访问静态资源路径问题
2019/11/08 Javascript
如何在postman中添加cookie信息步骤解析
2020/06/30 Javascript
vue axios封装httpjs,接口公用配置拦截操作
2020/08/11 Javascript
[06:10]6.81新信使新套装!给你一个炫酷的DOTA2
2014/05/06 DOTA
Python中的赋值、浅拷贝、深拷贝介绍
2015/03/09 Python
python正则表达式之作业计算器
2016/03/18 Python
分析Python读取文件时的路径问题
2018/02/11 Python
Python实用技巧之列表、字典、集合中根据条件筛选数据详解
2018/07/11 Python
celery4+django2定时任务的实现代码
2018/12/23 Python
Python3 shutil(高级文件操作模块)实例用法总结
2020/02/19 Python
Django如何使用jwt获取用户信息
2020/04/21 Python
使用Python中tkinter库简单gui界面制作及打包成exe的操作方法(二)
2020/10/12 Python
python实现简单的井字棋游戏(gui界面)
2021/01/22 Python
Python 调用C++封装的进一步探索交流
2021/03/04 Python
小天鹅官方商城:LittleSwan
2017/06/16 全球购物
Madewell澳大利亚官方网站:美国休闲服饰品牌
2019/07/18 全球购物
光电信息专业应届生求职信
2013/10/07 职场文书
2014年幼儿园安全工作总结
2014/11/10 职场文书
教您:房贷工资收入证明应该怎么写?
2019/08/19 职场文书
坚持不是死撑,更重要的是心态
2019/08/19 职场文书
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python