当前位置: 首页 > 编程笔记 >

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

高茂
2023-03-14
本文向大家介绍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实现图片粘贴到网页,包括了js实现图片粘贴到网页的使用技巧和注意事项,需要的朋友参考一下 本文实例实现通过按下ctrl + v将粘贴板上的图片粘贴到网页中,话不说直接上代码 演示结果 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持呐喊教程。

  • 问题内容: 首先,关于SO将图像复制到python中的剪贴板的问题导致答案用PIL和win32clipboard将图像写入python中的Windows剪贴板?,这仅对Python 2.x有用。-我尝试过,但是没有用。我克服了一个问题:Python 3.0中没有StringIO和cStringIO模块 ,但是碰到了另一个: 因此,对于Python 3再次提出相同的问题-如何在Python 3中将图

  • 本文向大家介绍js实现单击图片放大图片的方法,包括了js实现单击图片放大图片的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现单击图片放大图片的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js鼠标点击图片实现随机变换图片的方法,包括了js鼠标点击图片实现随机变换图片的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js鼠标点击图片实现随机变换图片的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js实现点击图片改变页面背景图的方法,包括了js实现点击图片改变页面背景图的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了js实现点击图片改变页面背景图的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍js实现图片点击左右轮播,包括了js实现图片点击左右轮播的使用技巧和注意事项,需要的朋友参考一下 这个 相当于一个小框架,拿来就可以用: 1. 功能:  如上图显示: 点击左右两个button,可以实现图片向左右滚动,也可以设置在多少秒自己滚动。 2. 首先建立一个js文件,文件名为play.js(只要和HTML中的引入相同就可以了): 3. 建立一个HTML文件:  其中:样式自己