Phát hiện swipe hai ngón tay của Safari

Question

Trong Safari trên OS X, với bàn di chuột ma thuật hoặc bàn di chuột macbook, vuốt sang phải hoặc trái bằng hai ngón tay tác động ngược và tiến, tương ứng. Có cách nào để phát hiện điều này, khác biệt với việc nhấp vào/tua lại hay nhấn lệnh + mũi tên, v.v.

Lý do là thao tác vuốt có hoạt ảnh vuốt theo kiểu tiết lộ của riêng nó và với các chuyển đổi ajax tùy chỉnh trên trang web, có vẻ thật kỳ lạ khi bạn nhận được sự kiện theo dõi khác. Điều này xảy ra khi duyệt mã trên github, ví dụ.

Cập nhật 23/6/16: Github được hoàn nguyên để chỉ cần trao đổi nội dung trang mà không cần chuyển đổi, đó là một động thái thông minh. Thực hành hiện tại của tôi là làm tương tự cho quay lại/chuyển tiếp, ngay cả khi một số loại chuyển tiếp ưa thích được sử dụng trên trang web. Điều này ngăn các xung đột giữa bất kỳ trình duyệt nào có thể thực hiện và chuyển đổi trang web

Answer 1

Bạn có thể sử dụng các sự kiện mousewheel để xem nếu một cuộn ngang trên trackpad đã được thực hiện trước khi sự kiện popstate của bạn:

// boolean that stores if a swipe has been performed. 
var bScrolled = false; 
// countdown in ms before resetting the boolean. 
var iTime = 1000; 
var oTimeout; 
window.addEventListener('mousewheel', function(e) { 
    if (e.wheelDeltaY === 0) { 
    // there is an horizontal scroll 
    if (!bScrolled) { 
    // no need to set bScrolled to true if it has been done within the iTime time. 
     bScrolled = true; 
     oTimeout = setTimeout(function(){ 
     bScrolled = false; 
     }, iTime); 
    } 
    } 
}); 

window.onpopstate = function() { 
    // clear the timeout to be sure we keep the correct value for bScrolled 
    clearTimeout(oTimeout); 
    // check if there has been a swipe prior to the change of history state 
    if (bScrolled) { 
    // check which browser & OS the user is using, then 
    // trigger your awesome custom transition. 
    } 
} 

Answer 2

Trong một từ, không. Vuốt được viết vào mã UNIX phía sau OS X và vào mã của trình duyệt Safari. Sau đó trình duyệt sẽ nhận ra cử chỉ và diễn giải nó thành các nút quay lại/tiến.

Điều đó nói rằng, bạn có thể viết một số mã sẽ nhận ra một cuộn trên trang của một vận tốc nào đó sau đó sẽ kích hoạt mã của bạn, nhưng bạn sẽ luôn cạnh tranh với nhận dạng nút quay lại/chuyển tiếp được mã hóa trước của trình duyệt. Theo hiểu biết của tôi, bạn không thể sửa đổi trình duyệt từ bên trong HTML (hoặc bất kỳ ngôn ngữ nào khác, cho vấn đề đó).