Este artigo descreve o método de clicar em uma imagem para copiar o endereço da imagem para a placa de pasta clicando em uma imagem. Compartilhe para sua referência. Os detalhes são os seguintes:
A cópia do código é a seguinte:
<! Doctype html public "-// w3c // dtd xhtml 1.0 transitional // pt" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-bransitional.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" />
<título> Clique na imagem para copiar o endereço da imagem diretamente para a placa de pasta </title>
<style type = "text/css">
#www_jb51_net_hidden {
Posição: Absoluto;
Visibilidade: escondida;
}
img {
Cursor: Ponteiro;
}
</style>
</head>
<Body>
Clique na figura abaixo para obter o endereço diretamente.
<div id = "jb51_net">
<img src = "imagens /m10.jpg"> <r />
</div>
<span id = "www_jb51_net_hidden"> </span>
</body>
<script type = "text/javascript">
<!-
$ id = function (id) {
retornar 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 ("cópia");
alerta ("o endereço da imagem foi copiado para a área de transferência");
retornar falso;
}
}
//->
</script>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.