Sự Kiện Click, Giữ Và Kéo Chuột - Viblo

Avatar Nguyen Duc Theo dõi Yêu cầu thg 3 27, 2019 2:54 SA Yêu cầu thg 3 27, 2019 2:54 SA 2002 0 2
  • 2002 0 2
0

Mình có ví dụ này: khi click chuột xuống và vừa giữ chuột vừa kéo, giống như lấy tay cầm cái rèm cửa và kéo đi ấy 😆 có sự kiện nào mô tả việc đó ko? ko phải drag hay các sự kiện mousedown hay up riêng lẻ nhé, mình muốn lấy đc vị trí pageX tại điểm bắt đầu nhấn chuột xuống và tại điểm sau khi dừng kéo và thả chuột ra, đó phải là 1 chuỗi sự kiện để tạo thành 1 hành động "kéo rèm" ấy, nếu riêng rẽ từng sự kiện ra thì sẽ bị nhầm lẫn với các sự kiện mousedown-up khác 😄 Cám ơn mn!

Đăng câu trả lời Avatar Nguyen Duc @ngduc Theo dõi 78 1 3 0 Bookmark câu hỏi này Thêm một bình luận

2 CÂU TRẢ LỜI

Avatar ninenineseven Theo dõi Đã trả lời thg 3 27, 2019 3:13 SA Đã trả lời thg 3 27, 2019 3:13 SA +1

Sự kiến nhấn chuột là mousedown, di chuyển chuột là mousemove, thả chuột là mouseup. Lấy pageX, pageY bạn xem ví dụ này nhé https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_event_mousemove

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Avatar ninenineseven @KieuQuocHung Theo dõi 1.6K 35 0 13

Mình muốn các sự kiện nó kết hợp với nhau ấy, chứ ko phải riêng rẽ ra, khi mousedown, lấy pageX và trong khi vẫn đang mousedown thì move tới vị trí khác rồi mouseup, lấy tiếp pageX lúc này ấy

Thêm một bình luận Avatar Hao Le Theo dõi Đã trả lời thg 3 27, 2019 4:03 SA Đã trả lời thg 3 27, 2019 4:03 SA +1

Bạn tham khảo cái này nhé : https://codepen.io/echovariables/pen/OqYzJp?editors=1010 Cứ viết từng sự kiện riêng rẽ ra rồi gán vị trí đó vào 1 biến, rồi lấy biến đó đi xử lý animation mà mình muốn 😛

Chia sẻ Chia sẻ liên kết đến câu trả lời này Đóng Avatar Hao Le @hao3004 Theo dõi 7.7K 310 0 7 Thêm một bình luận Viblo Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn. Đăng nhập Đăng kí

Từ khóa » Sự Kiện Di Chuyển Chuột