Bắt bàn di chuột Mac zoom

Question

Hiện tại trong ứng dụng của tôi, tôi đang nắm bắt các sự kiện bánh xe chuột và thực hiện phóng to hoặc thu nhỏ trên phần tử Canvas. Nếu người dùng sử dụng Mac và cố gắng thực hiện thu phóng bằng bàn di chuột, không có sự kiện nào và điều thực sự xảy ra là phóng to/thu nhỏ trình duyệt.

Có cách nào để nắm bắt sự kiện thu phóng được thực hiện bằng bảng cảm ứng không?

Answer 1

Không có cách nào để bắt nhúm zoom-in/zoom-out của trackpad chỉ với Javascript

Answer 2

Sau khi nhìn xung quanh, điều này giúp bất kỳ? nó bao gồm cả ứng dụng web và javascript trong cuộc thảo luận của nó và đến với hammer.js như một giải pháp có thể để phát hiện các sự kiện ... Simplest way to detect a pinch

Answer 3

Theo như tôi biết, pinpad trackpad không kích hoạt sự kiện chạm hoặc cử chỉ , vì vậy Hammer.js sẽ không phát hiện ra nó.

Tôi đã có thể mô phỏng phát hiện pinch trong Chrome bằng cách sử dụng Hamster.js. Nó sẽ kích hoạt sự kiện bánh xe chuột và bạn có thể sử dụng đồng bằng để xác định xem người dùng có phóng to hoặc thu nhỏ không.

Giải pháp này không hoạt động trong Safari.

Answer 4

Ít nhất trong Chrome, bàn di chuột "pinch-to-zoom" kích hoạt sự kiện bánh xe/con lăn xuất hiện như thể nhấn phím ctrl. Bạn có thể nắm bắt sự kiện này giống như bất kỳ sự kiện bánh xe/bánh xe nào khác và ngăn sự kiện mặc định của nó xuất hiện. Dưới đây là một ví dụ sử dụng jQuery:

$("canvas").on("mousewheel", function(e) { 
    if (e.ctrlKey) { 
     e.preventDefault(); 
     e.stopImmediatePropagation(); 

     // perform desired zoom action here 
    } 
}); 

Answer 5

Starting from Safari 9.1 bạn có thể bắt zoom và xoay các sự kiện từ thiết bị OSX. Để biết thêm thông tin, hãy đọc GestureEvent Class Reference. Lưu ý rằng tính năng này chỉ hoạt động trong Safari nhưng vì câu hỏi của bạn là về "Mac zoompad" Tôi nghĩ đây là những gì bạn đang tìm kiếm.

---

Lưu ý phụ: những sự kiện này cũng được hỗ trợ trong Safari trên iOS.