<!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>點(diǎn)擊圖片直接把圖片地址復(fù)制到粘貼板</title>

<style type="text/css">

 #www_jb51_net_hidden {

  position:absolute;

  visibility:hidden;

 }

 img {

  cursor:pointer ;

 }

</style>

</head>

<body>

點(diǎn)擊下面的圖片直接獲取得地址。

 <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("圖片地址已經(jīng)復(fù)制到剪貼板");

   return false ;

  }

 }

//-->

</script>

</html>

希望本文所述對(duì)大家的javascript程序設(shè)計(jì)有所幫助。

您可能感興趣的文章:

相關(guān)文章

layui遞歸實(shí)現(xiàn)動(dòng)態(tài)左側(cè)菜單
這篇文章主要為大家詳細(xì)介紹了layui遞歸實(shí)現(xiàn)動(dòng)態(tài)左側(cè)菜單，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-07-07
詳解小程序BackgroundAudioManager踩坑之旅
這篇文章主要介紹了詳解小程序BackgroundAudioManager踩坑之旅,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
javascript實(shí)現(xiàn)簡單打字游戲
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)簡單打字游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-10-10
微信小程序?qū)崿F(xiàn)手風(fēng)琴折疊面板
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)手風(fēng)琴折疊面板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-05-05
微信小程序項(xiàng)目總結(jié)之點(diǎn)贊刪除列表分享功能
這篇文章主要介紹了微信小程序項(xiàng)目總結(jié)之點(diǎn)贊刪除列表分享功能，本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2018-06-06
javascript代碼優(yōu)化的8點(diǎn)總結(jié)
本篇文章給大家分享了關(guān)于javascript代碼優(yōu)化的8點(diǎn)總結(jié)，希望我們整理的內(nèi)容能夠幫助到大家。
2018-01-01
javascript 構(gòu)建一個(gè)xmlhttp對(duì)象池合理創(chuàng)建和使用xmlhttp對(duì)象
在我的這篇舊文里曾經(jīng)發(fā)布了一個(gè)簡單的ajax操作類。我們發(fā)現(xiàn)，在舊文里創(chuàng)建xmlhttp對(duì)象的時(shí)候，每次都要new一個(gè)對(duì)象。而我們都知道new一個(gè)對(duì)象的開銷是很大的。
2010-01-01
javascript實(shí)現(xiàn)簡單的Map示例介紹
本文為大家介紹下使用javascript實(shí)現(xiàn)簡單的Map，可以對(duì)map進(jìn)行獲取、判斷、刪除、增加等等，感興趣的朋友可以了解下
2013-12-12
webpack4 處理CSS的方法示例
這篇文章主要介紹了webpack4 處理CSS的方法示例,小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2018-09-09
JavaScript 在各個(gè)瀏覽器中執(zhí)行的耐性
經(jīng)常會(huì)遇到這樣一個(gè)情況：瀏覽器彈出對(duì)話框，提示腳本運(yùn)行時(shí)間過長，詢問“停止”還是“繼續(xù)”。那究竟各個(gè)瀏覽器是如何判斷在什么時(shí)候才彈出此對(duì)話框呢？
2009-04-04