この記事では、画像をクリックして画像アドレスをコピーして、画像をクリックして画像アドレスをコピーする方法について説明します。参照のためにそれを共有してください。詳細は次のとおりです。
コードコピーは次のとおりです。
<！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>画像をクリックして画像アドレスを貼り付けボードに直接コピー</タイトル>
<style type = "text/css">
＃www_jb51_net_hidden {
位置：絶対;
可視性：隠された;
}
img {
カーソル：ポインター;
}
</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）{
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（ "コピー"）;
Alert（ "画像アドレスがクリップボードにコピーされました"）;
falseを返します。
}
}
//->
</script>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。