// โฮสต์คือเบราว์เซอร์ // ผ่านการอ้างอิงของวัตถุองค์ประกอบที่สอดคล้องกันไปยังฟังก์ชั่นฟังก์ชั่น candrag (drager) {drager.onmousedown = ฟังก์ชั่น (ลง) {var Offx = drager.Offsetleft var Offy = drager.offSettop; var offxl = down.clientx - Offx; var offyl = down.clienty - Offy; window.condition = 0; // แอตทริบิวต์เงื่อนไขสำหรับหน้าต่างเพื่อแก้ไขความขัดแย้งระหว่างการคลิก document.onmousemove = ฟังก์ชั่น (ย้าย) {drager.style.left = move.clientx - Offxl + "px"; dragger.style.top = move.clienty - Offyl + "px"; dragger.style.cursor = "ย้าย"; เงื่อนไข = math.abs (move.clientx - down.clientx) + math.abs (move.clienty - down.clienty); }} dragger.onmouseup = function () {document.onmousemove = null; draggerr.style.cursor = "auto"; }} / *สำหรับความละเอียดของความขัดแย้งระหว่างการคลิกมีความจำเป็นที่จะต้องตัดสินเงื่อนไข *ตัวอย่างเช่น: candrag (dragger); d01.onclick = function () {if (! เงื่อนไข) {d01.style.backgroundColor = "สีแดง"; }} *โดยที่ d01 เป็นองค์ประกอบลูกของ dragger */