js實現(xiàn)點擊圖片將圖片地址復(fù)制到粘貼板的方法
更新時間：2015年02月16日 10:44:21 作者：代碼家園
這篇文章主要介紹了js實現(xiàn)點擊圖片將圖片地址復(fù)制到粘貼板的方法,涉及js操作節(jié)點的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)點擊圖片將圖片地址復(fù)制到粘貼板的方法。分享給大家供大家參考。具體如下：
復(fù)制代碼 代碼如下:
<!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>點擊圖片直接把圖片地址復(fù)制到粘貼板</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("圖片地址已經(jīng)復(fù)制到剪貼板");
return false ;
}
}
//-->
</script>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
這篇文章主要為大家詳細介紹了JS實現(xiàn)用戶注冊界面功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
深入理解javascript作用域第二篇之詞法作用域和動態(tài)作用域
這篇文章主要介紹了javascript作用域第二篇之詞法作用域和動態(tài)作用域的相關(guān)資料，非常不錯，具有參考借鑒價值，感興趣的朋友可以參考下2016-07-07
代碼生成器 document.write()...2007-04-04![Array.prototype.concat不是通用方法反駁[譯]](http://img.jbzj.com/images/xgimg/bcimg3.png)
Array.prototype.concat不是通用方法反駁[譯]
ECMAScript 5.1規(guī)范中指出,數(shù)組方法concat是通用的(generic).本文反駁了這一結(jié)論,因為實際上并不是這樣的2012-09-09
本文主要介紹了js性能優(yōu)化的快速響應(yīng)的用戶界面。具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
JavaScript Math對象和調(diào)試程序的方法分析
這篇文章主要介紹了JavaScript Math對象和調(diào)試程序的方法,結(jié)合實例形式分析了javascript中Math對象生成隨機數(shù)以及使用alert()、console.log()函數(shù)進行錯誤調(diào)試相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
關(guān)于微信小程序map組件z-index的層級問題分析
這篇文章主要給大家介紹了關(guān)于微信小程序map組件z-index的層級問題的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家學(xué)習或者使用微信小程序具有一定的參考學(xué)習價值，需要的朋友們下面來一起學(xué)習學(xué)習吧2019-07-07
Javascript中內(nèi)建函數(shù)reduce的應(yīng)用詳解
內(nèi)建函數(shù)其實就是內(nèi)置函數(shù),reduce函數(shù)是ECMAScript5規(guī)范中出現(xiàn)的數(shù)組方法。在平時的工作中，相信大家使用的場景并不多，這篇文章給大家詳細介紹了函數(shù)reduce的應(yīng)用以及多重疊加，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
JavaScript實現(xiàn)私有屬性的幾種方式小結(jié)
在JavaScript中,私有屬性是指只能在對象內(nèi)部訪問的屬性,外部無法直接訪問,JavaScript并沒有提供官方的私有屬性的支持,但可以通過一些技巧來模擬實現(xiàn)私有屬性,所以本文給大家總結(jié)了JavaScript實現(xiàn)私有屬性的幾種方式,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了通過js如何改變狀態(tài)欄文字,需要的朋友可以了解下2014-06-06