js實現(xiàn)點擊圖片將圖片地址復制到粘貼板的方法
更新時間：2015年02月16日 10:44:21 作者：代碼家園
這篇文章主要介紹了js實現(xiàn)點擊圖片將圖片地址復制到粘貼板的方法,涉及js操作節(jié)點的技巧,非常具有實用價值,需要的朋友可以參考下
本文實例講述了js實現(xiàn)點擊圖片將圖片地址復制到粘貼板的方法。分享給大家供大家參考。具體如下：
復制代碼 代碼如下:
<!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("圖片地址已經(jīng)復制到剪貼板");
return false ;
}
}
//-->
</script>
</html>
希望本文所述對大家的javascript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了layui遞歸實現(xiàn)動態(tài)左側菜單，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-07-07
詳解小程序BackgroundAudioManager踩坑之旅
這篇文章主要介紹了詳解小程序BackgroundAudioManager踩坑之旅,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-12-12
這篇文章主要為大家詳細介紹了javascript實現(xiàn)簡單打字游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
這篇文章主要為大家詳細介紹了微信小程序實現(xiàn)手風琴折疊面板，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-05-05
這篇文章主要介紹了微信小程序項目總結之點贊 刪除列表 分享功能，本文給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-06-06
本篇文章給大家分享了關于javascript代碼優(yōu)化的8點總結，希望我們整理的內容能夠幫助到大家。2018-01-01
javascript 構建一個xmlhttp對象池合理創(chuàng)建和使用xmlhttp對象
在我的這篇舊文里曾經(jīng)發(fā)布了一個簡單的ajax操作類。我們發(fā)現(xiàn)，在舊文里創(chuàng)建xmlhttp對象的時候，每次都要new一個對象。而我們都知道new一個對象的開銷是很大的。2010-01-01
本文為大家介紹下使用javascript實現(xiàn)簡單的Map，可以對map進行獲取、判斷、刪除、增加等等，感興趣的朋友可以了解下2013-12-12
這篇文章主要介紹了webpack4 處理CSS的方法示例,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-09-09
經(jīng)常會遇到這樣一個情況：瀏覽器彈出對話框，提示腳本運行時間過長，詢問“停止”還是“繼續(xù)”。那究竟各個瀏覽器是如何判斷在什么時候才彈出此對話框呢？2009-04-04