Cet article décrit la méthode de clic sur une image pour copier l'adresse d'image sur la carte de pâte en cliquant sur une image. Partagez-le pour votre référence. Les détails sont les suivants:
La copie de code est la suivante:
<! 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">
<adal>
<méta name = "robots" contenu = "all" />
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> Cliquez sur l'image pour copier l'adresse d'image directement sur la carte de pâte </TITAL>
<style type = "text / css">
# www_jb51_net_hidden {
Position: absolue;
Visibilité: cachée;
}
img {
curseur: pointeur;
}
</ style>
</ head>
<body>
Cliquez sur l'image ci-dessous pour obtenir l'adresse directement.
<div id = "jb51_net">
<img src = "images / m10.jpg"> <br />
</div>
<span id = "www_jb51_net_hidden"> </ span>
</docy>
<script type = "text / javascript">
<! -
$ id = fonction (id) {
return document.getElementById (id);
}
var objs = $ id ("jb51_net"). getElementsByTagName ("img");
pour (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 ("copie");
alert ("L'adresse d'image a été copiée dans le presse-papiers");
retourne false;
}
}
// ->
</cript>
</html>
J'espère que cet article sera utile à la programmation JavaScript de tous.