ฉันหวังที่จะสร้างตัวควบคุมที่ผู้ใช้สามารถคลิกภายใน div จากนั้นลากเมาส์แล้วปล่อยให้เมาส์เพื่อระบุระยะเวลาที่พวกเขาต้องการบางสิ่งบางอย่าง (นี่คือการควบคุมปฏิทินดังนั้นผู้ใช้จะแสดงความยาวในเวลาของเหตุการณ์บางอย่าง)
ดูเหมือนว่าวิธีที่ดีที่สุดในการทำเช่นนี้ก็คือการลงทะเบียนเหตุการณ์ "mousedown" ใน div parent ซึ่งจะลงทะเบียนเหตุการณ์ "mousemove" บน div จนกระทั่งเหตุการณ์ "mouseup" ถูกเรียกใช้ เหตุการณ์ "mousedown" และ "mouseup" จะกำหนดการเริ่มต้นและสิ้นสุดของช่วงเวลาและเมื่อฉันติดตามเหตุการณ์ "mousemove" ฉันสามารถเปลี่ยนขนาดของช่วงแบบไดนามิกเพื่อให้ผู้ใช้สามารถเห็นสิ่งที่พวกเขากำลังทำอยู่ ฉันใช้วิธีนี้ในการสร้างกิจกรรมใน Google ปฏิทิน
ปัญหาที่ฉันมีคือเหตุการณ์ jQuery ดูเหมือนว่าจะให้ข้อมูลพิกัดเมาส์ที่เชื่อถือได้เท่านั้นโดยอ้างอิงกับทั้งหน้า มีวิธีใดที่จะมองเห็นว่าพิกัดอ้างอิงกับองค์ประกอบหลักหรือไม่?
แก้ไข:
นี่คือภาพสิ่งที่ฉันพยายามทำ: