Tôi đang phát triển một thành phần jquery hoạt động chủ yếu cho ipad. Vì vậy, có anyway để mô phỏng 'touchstart và' touchend 'sự kiện trong máy tính để bàn chứ không phải là có thiết bị chính nó để kiểm tra các sự kiện.Mô phỏng sự kiện touchstart và touchend?
Trả lời
Bạn có thể tác giả sự kiện tùy chỉnh của riêng bạn trong jQuery:
var event = $.Event("touchstart", { pageX:200, pageY:200 });
Và bạn có thể phát hành họ chống lại bất kỳ yếu tố trong DOM:
$("body").trigger(event);
Demo: http://jsbin.com/ezoxed/edit#javascript,html
Đọc thêm: http://api.jquery.com/category/events/event-object/
Hãy nhớ rằng có nhiều loại giao diện khác nhau trên thị trường w không hỗ trợ các sự kiện touchstart
và touchend
. Ví dụ, Windows 8 đã chiếm các máy tính bảng trong thị trường di động và nó sử dụng một mô hình sự kiện trừu tượng hơn bao gồm các con trỏ.
Công cụ dành cho nhà phát triển Chrome trong Trình duyệt Chrome cho phép bạn mô phỏng sự kiện chạm. Xem https://developers.google.com/chrome-developer-tools/docs/mobile-emulation.
Từ các tài liệu ...
thi đua Sự kiện cảm ứng
Touch là một phương pháp đầu vào đó là khó khăn để thử nghiệm trên máy tính để bàn, vì hầu hết các máy tính để bàn không có đầu vào cảm ứng. Việc thử nghiệm trên thiết bị di động có thể kéo dài chu kỳ phát triển của bạn, vì mọi thay đổi bạn thực hiện cần để được đẩy ra ngoài máy chủ và sau đó được tải trên thiết bị.
Giải pháp cho vấn đề này là mô phỏng sự kiện chạm trên máy phát triển của bạn. Đối với những lần chạm, Chrome DevTools hỗ trợ mô phỏng sự kiện chạm một lần để giúp gỡ lỗi ứng dụng trên thiết bị di động dễ dàng hơn.
Để sử dụng từ một trình duyệt Chrome (như các phiên bản 29.0.1547.65):
- Chọn menu Chrome ở phía trên bên phải của cửa sổ trình duyệt của bạn (ba dòng xếp chồng lên nhau).
- Chọn Công cụ> Công cụ dành cho nhà phát triển. (Phím tắt Shift + Control + I)
Một cửa sổ công cụ sẽ xuất hiện ở phía dưới cùng với tab được chọn Console. - Ở dưới cùng bên phải, nhấp vào cog cài đặt (trông giống như một bánh răng).
Bảng cài đặt sẽ xuất hiện với "Chung" ở trên cùng. - Nhấp vào "Ghi đè" ở bên trái để chọn bảng điều khiển ghi đè.
- Cuộn xuống và kiểm tra "Bật sự kiện chạm"
- Nạp lại trang của bạn
Bạn chuột sẽ xuất hiện như một vòng tròn mờ. Nhấp để "chạm".
- 1. thuộc tính sự kiện touchend
- 2. mô phỏng sự kiện thay đổi jquery
- 3. Mô phỏng sự kiện nhấp trong AS3
- 4. Làm thế nào để ngăn chặn các sự kiện chuột mô phỏng trong các trình duyệt di động?
- 5. touchstart jquery trong trình duyệt
- 6. mô phỏng sự kiện rời rạc cho C++
- 7. Mô phỏng sự kiện nhấn phím TAB trong Selenium RC
- 8. jQuery - Cách mô phỏng sự kiện lỗi cho ajaxSubmit
- 9. Mô phỏng sự kiện nhấp chuột trong PyQt
- 10. Mô phỏng sự kiện Nhấn phím bằng Python cho Linux
- 11. Làm thế nào để mô phỏng sự kiện cảm ứng?
- 12. sự khác biệt giữa Mô phỏng và Mô phỏng là gì?
- 13. Nhật ký sự cố mô phỏng iOS
- 14. Sự kiện và mô hình mẫu mô-đun Javascript
- 15. Lấy các tọa độ chạm vào trong một sự kiện touchend
- 16. jquery kiện touchstart không làm việc trong iphone
- 17. Phát hiện sự kiện cuộn trên trình duyệt Android
- 18. CGEventPost - lỗi có thể xảy ra khi mô phỏng sự kiện bàn phím?
- 19. Làm cách nào để mô phỏng sự kiện nhấn phím giả mạo trong Haskell?
- 20. JavaScript: Làm thế nào để mô phỏng sự kiện thay đổi trong internet explorer (đoàn)
- 21. Mô phỏng các sự kiện cảm ứng trên trình duyệt PC
- 22. Mô phỏng sự kiện nhấn phím từ Bảng điều khiển Javascript
- 23. Hủy touchend nếu touchmove cháy
- 24. Windows Phone 8 - Mô phỏng sự kiện trên màn hình cảm ứng
- 25. Android: Có cách nào để mô phỏng Sự kiện D-Pad (API 10) không?
- 26. Làm cách nào để mô phỏng tương tác người dùng (sự kiện nhấn phím) trong Qt?
- 27. Mô phỏng sự kiện nhấp chuột kép trong Datagrid với touchDown
- 28. Mô phỏng sự kiện cảm ứng rộng trên hệ điều hành iOS
- 29. Làm thế nào để mô phỏng các sự kiện cảm ứng trong Windows 7?
- 30. Ứng dụng đơn giản mô phỏng phụ kiện bluetooth