บทความนี้อธิบายถึงวิธีการคลิกที่ภาพเพื่อคัดลอกที่อยู่ภาพไปยังบอร์ดวางโดยคลิกที่ภาพ แบ่งปันสำหรับการอ้างอิงของคุณ รายละเอียดมีดังนี้:
การคัดลอกรหัสมีดังนี้:
<! 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 {
ตำแหน่ง: สัมบูรณ์;
ทัศนวิสัย: ซ่อน;
-
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");
สำหรับ (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 ("คัดลอก");
การแจ้งเตือน ("ที่อยู่ภาพถูกคัดลอกไปยังคลิปบอร์ด");
กลับเท็จ;
-
-
-
</script>
</html>
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน