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?

Question

Trình duyệt di động mô phỏng sự kiện chuột để hỗ trợ các trang web chỉ đính kèm trình xử lý cho sự kiện chuột. Tuy nhiên, nếu bạn muốn triển khai hai mô hình tương tác - một cho các sự kiện chuột và một cho sự kiện chạm - thì sẽ hữu ích nếu ngăn trình duyệt mô phỏng sự kiện chuột.

Trên iOS Safari này là khá đơn giản - chỉ cần chạy preventDefault trên touchend:

jQuery(document).on('touchend', function(e) { 
    // Do some logic  
    e.preventDefault(); 
}); 

Đó là khá lành mạnh. Thật không may, cả trình duyệt mặc định của Android lẫn Dolfin đều không hủy mô phỏng chuột bằng kỹ thuật này. (Dolfin sẽ hủy bỏ mousedown khi ngăn chặnDefault được chạy trên touchstart - nhưng đó không phải là rất hữu ích, bởi vì bạn không biết những gì hành động ngón tay sẽ đưa vào touchstart.)

Có một số cách khác có điều kiện, hoặc thậm chí không có điều kiện , ngăn chặn các sự kiện chuột được mô phỏng kích hoạt?

[EDIT]

Để bắt đầu hiểu vấn đề (s) tốt hơn, tôi đã bắt đầu một bảng tương thích các sự kiện liên lạc tại địa chỉ: http://labs.cruncher.ch/touch-events-compatibility-table/

Answer 1

Trong khi có một số cách xảo quyệt để đạt được điều này, có hai thông lệ phổ biến mà tôi sử dụng để có được xung quanh sự khác biệt này:

1) sử dụng cờ

Thiết cờ boolean trong xử lý sự kiện của bạn, chẳng hạn như 012.hoặc mouseIsMoving, có thể được thiết lập và kiểm tra cho các sự kiện chuột và cảm ứng. Nếu người dùng nhấp chuột, hãy chấp nhận điều đó dưới dạng sự kiện chuột. Sau đó, nếu một sự kiện cảm ứng xảy ra cùng với nó, hãy bỏ qua nó.

2) Thực hiện chỉ những gì cần thiết

Vâng, đây là thực hành tốt anyway. Đừng bận tâm thêm các sự kiện touchmove và mousemove nếu bạn không cần. Nó sẽ chỉ làm cho nó khó khăn hơn để duy trì mã. Chỉnh sửa: Có lẽ cần phải cụ thể hơn: xem xét xem xét lại giao diện người dùng của bạn nếu bạn cần theo dõi sự kiện nâng cao hơn.

Cuối cùng, không dựa vào danh sách cấu hình phần cứng bên ngoài, vì các danh sách này hiếm khi 'hoàn toàn' chính xác.