บทความนี้แบ่งปันตัวอย่างของ JavaScript เพื่อใช้การดำเนินการเลือกกล่องเมาส์ซึ่งไม่ได้คลิกเพื่อเลือกสำหรับการอ้างอิงของคุณ เนื้อหาเฉพาะมีดังนี้
ภาพการทำซ้ำ:
รหัส:
<html> <head> </head> <style> ร่างกาย {padding: 100px;} .filediv {float: ซ้าย; ความกว้าง: 100px; ความสูง: 100px; text-allign: center; line-height: 100px; Solid Red; พื้นหลังสี:#d6dff7;} </style> <script type = "text/javascript"> (function () {document.onmousedown = function () {var sellist = []; var filenodes = document.getElementsByTagname ("div"); (filenodes [i] .classname.indexof ("Filediv")! = -1) {filenodes [i] (evt.y || evt.clienty); #0099ff; พื้นหลังสี: #c3d5ed; z-index: 1000; ตัวกรอง: อัลฟ่า (ความทึบ: 60); ความทึบ: 0.6; ไม่แสดง: ไม่มี; "; seldiv.id =" selectdiv "; _x = null; evt.clientx); seldiv.style.height = math.abs (_y - starty) + "px"; ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ _h = seldiv.offsetheight; _w && sellist [i] .offSettop <_t + _h) {ถ้า (sellist [i] .classname.indexof ("seled") == -1) {sellist [i] .classname = sellist [i] .classname + "seled"; ผู้ขาย [i] .classname = "Filediv"; null, startx = null, starty = null, evt = null;}}}) (); ฟังก์ชั่น ClearEventBubble (EVT) {ถ้า (evt.StopPropagation) evt.stoppropagation (); else evt.cancelBubble = true; if (evt.preventdefault) evt.preventdefault (); else evt.returnvalue = false; } ฟังก์ชั่น showseldiv (arr) {var count = 0; var selinfo = ""; สำหรับ (var i = 0; i <arr.length; i ++) {ถ้า (arr [i] .classname.indexof ("seled")! = -1) {count ++; selinfo + = arr [i] .innerhtml + "/n"; }} การแจ้งเตือน ("เลือก" + count + "ไฟล์ซึ่งคือ: /n" + selinfo); } </script> <body> <div> file1 </div> <div> file2 </div> <div> file3 </div> <div> file4 </div> </div> file5 </div> </div> file6 </div> </div> ไฟล์ข้างต้นเป็นเรื่องเกี่ยวกับบทความนี้ฉันหวังว่ามันจะเป็นประโยชน์กับการเรียนรู้ของทุกคน