2012-05-02 36 views
11

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

7

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 touchstarttouchend. 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ỏ.

6

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):

  1. 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).
  2. 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.
  3. Ở 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.
  4. Nhấp vào "Ghi đè" ở bên trái để chọn bảng điều khiển ghi đè.
  5. Cuộn xuống và kiểm tra "Bật sự kiện chạm"
  6. 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".

Các vấn đề liên quan