js實現點擊圖片將圖片地址復制到粘貼板的方法
來源:易賢網 閱讀:1302 次 日期:2015-03-13 10:41:35
溫馨提示:易賢網小編為您整理了“js實現點擊圖片將圖片地址復制到粘貼板的方法”,方便廣大網友查閱!

這篇文章主要介紹了js實現點擊圖片將圖片地址復制到粘貼板的方法,涉及js操作節(jié)點的技巧,非常具有實用價值,需要的朋友可以參考下

本文實例講述了js實現點擊圖片將圖片地址復制到粘貼板的方法。分享給大家供大家參考。具體如下:

代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">

<html xmlns="">

<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程序設計有所幫助。

更多信息請查看IT技術專欄

更多信息請查看腳本欄目

2026國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網