บทความนี้อธิบายถึงวิธีการลากขั้นสูงที่ JS ใช้ร่วมกับเบราว์เซอร์ต่างๆ แบ่งปันสำหรับการอ้างอิงของคุณดังนี้:
<! doctype html public "-// w3c // dtd html 4.01 // en" "http://www.w3.org/tr/html4/strict.dtd"> <html> <head> ลาก </title> <style> #tobedraged {Width: 100px; ความสูง: 100px; ความสูงของสาย: 100px; ชายแดน: 1px ของแข็งสีแดง; ตำแหน่ง: สัมบูรณ์; TEXT-ALIGN: CENTER; Font-Family: Arial, Helvetica, Sans-Serif; เคอร์เซอร์: ย้าย; } </style> <script type = "text/javascript"> window.onload = function () {dodrag (); } ฟังก์ชั่น dodrag () {var div = document.getElementById ("toBedraged"); var posx; var posy; div.onmousedown = ฟังก์ชั่น (e) {var e = e || window.event; if (div.setCapture) {div.setCapture (); } posx = e.clientx - parseint (div.offsetleft); posy = e.clienty - parseint (div.offsettop); document.onmousemove = function (ev) {var ev = ev || window.event; // ถ้าเป็นเช่น (ev.setCapture) {} div.style.left = (ev.clientx - posx)+"px"; div.style.top = (ev.clienty - posy)+"px"; } document.onmouseup = function () {document.onmousemove = null; document.onmouseup = null; if (div.releasecapture) {div.releasecapture (); }}}}} </script> </head> <body> <div id = "tobedraged"> คุณลากฉัน! </div> </body> </html>สำหรับข้อมูลเพิ่มเติมเกี่ยวกับเนื้อหาที่เกี่ยวข้องกับ JavaScript โปรดตรวจสอบหัวข้อของไซต์นี้: "สรุปเอฟเฟกต์และเทคนิคการสลับ JavaScript", "สรุปทักษะอัลกอริธึมการค้นหา JavaScript", "สรุปผลการสรุปและเทคนิคการสรุปของ JavaScript ของ JavaScript อัลกอริทึมและเทคนิคการสำรวจ JavaScript "และ" สรุปการใช้งานทางคณิตศาสตร์ JavaScript "
ฉันหวังว่าบทความนี้จะเป็นประโยชน์กับการเขียนโปรแกรม JavaScript ของทุกคน