Action |
PC (Mouse) |
Tablet (Single Touch) |
Touch |
Turn a page |
- 1 page: page turn buttons, scroll bars, scroll wheel, space bar, Page Up/Down keys, click and drag
- 2 page: Single click to flip (when full pages are visible), Page Up/Down, Arrow keys, Mouse swipe
|
|
- 1 finger swipe (distinguish from pan based on speed)
- 1 page: touch and drag, page flip buttons
- 2 page: turn page
|
Zoom in |
- Double-click: Zoom in one level and center (TODO)
- Zoom widget (TODO)
|
|
- 2 finger expand (iOS implemented, Firefox TODO)
|
Zoom out |
- Double-click + CTRL: zoom out one level and centered (TODO)
- Zoom out gets you to thumbnail view (TODO)
- Zoom widget (TODO)
|
|
- 2 finger pinch (iOS implemented, Firefox TODO)
|
Pan |
- Mouse wheel
- Click and drag
|
|
|
Jump to page |
- 1 page: Browser scroll bar
- 2 page: Click leaf edges
- Navigation slider
|
- 1 page: Browser scroll bar
- 2 page: Click leaf edges
- Navigation slider
|
|
Switch View |
- Zoom Out gets to thumbnail view (TODO)
- Toolbar buttons
|
- Same as PC
- Possible to detect device orientation change? e.g. by event or browser window shape change (TODO)
|
- Auto-orient (TODO)
- Landscape = 2 page
- Portrait = 1 page
- Add rotate gesture on 1 page view (TODO)
|
Right-click menu (TODO) |
- Rotate
- View image (various sizes)
- Bookmark
- etc
|
|
|
Select-text (TODO) |
- Click and drag - requires context to distinguish from drag to pan and swipe
|
- Click and drag - requires mode to distinguish from drag to pan and swipe
|
- Long-tap to initiate (TODO)
|
Show/hide UI |
- Auto show/hide based off mouse position (TODO)
- Navigation slider tab toggles UI
|
|
- 1up, 2up - single tap to bring UI on/off (TODO)
- Navigation slider tab toggles UI
|