All Questions
55
questions
0
votes
0
answers
76
views
Javascript touch event on mobile not working
When adding a touchstart and touchend event listener to my window or my document it just doesnt work when touching or swiping the screen on mobile
document.addEventListener('touchstart', (event) =>...
1
vote
0
answers
359
views
Angular 10 - Cannot get touch event from HammerJS
I want to integrate pinch gesture on a square div.
Live example Angular 9
Problem, when I run it locally, npm start fails. I've managed to start it on Angular 10 through ng update. Then the library no ...
- 405
0
votes
1
answer
96
views
Using Hammer.js on WeChat minigame
I've tried to use Hammer.js for touch UX on WeChat minigame.
I searched for a while but could not find any similar question or answer.
First, I just tried to use Hammer.js in the normal way.
After ...
- 716
1
vote
1
answer
802
views
CSS width transition not fast enough and causes jittery UI when joined with translateX
The Code
Code at CodeSandBox -- Demo
There is a lot of code in that above codesandbox, so I'll try to paste the relevant parts here:
Based on the series of drag / pan gesture's total X-direction ...
- 64.8k
7
votes
1
answer
26k
views
How to register touch move over events in Angular?
Summarize the problem
Stackblitz - https://stackblitz.com/edit/angular-touch-playground
I'm trying register touch events and want to be able to touch my finger, drag and lift my finger resulting in ...
- 7,892
2
votes
1
answer
666
views
hammer js > how to block horizontal panning during page scroll
I've got a page where I put some horizontal slideshows, and have added panning and swipe to them. Sadly, when scrolling on mobile devices, if you scroll above the slideshows, hammer will recognize ...
- 7,997
5
votes
0
answers
971
views
Hammer.js swipe support for 1 and/or 2 fingers
I'm using Hammer.js with Angular 5 to support swipping with both mouse and touch. The problem is that the touch action should be done with two fingers instead of one.
Is it possible to support both 1 ...
- 412
7
votes
1
answer
834
views
Turning off hammer.js touch events using onclick event
I've just finished constructing my carousel slider with touch events for a website I'm building. Currently trying to figure out how I can disable the touch events(hammer) using on click events. Here ...
- 1,111
0
votes
1
answer
1k
views
Body vertical swipe to scroll with hammerjs
I would like to mimic touch device scroll behaviour with hammerjs
I can listen to swipe events and stuff and make calculations to animate to position based on velocity but it wont be like it work on ...
- 4,095
1
vote
0
answers
357
views
angular2-grid + hammerjs: Fire drag events on press
I have an angular 2 web application. I am using angular2-grid for it's drag item features. Sadly, angular2-grid is not touch enabled. Hence, I have integrated HammerJs. I am able to handle angular2-...
- 1,145
287
votes
8
answers
411k
views
Consider marking event handler as 'passive' to make the page more responsive
I am using hammer for dragging and it is getting choppy when loading other stuff, as this warning message is telling me.
Handling of 'touchstart' input event was delayed for X ms due to
main ...
- 35.1k
1
vote
0
answers
225
views
Should I use Hammer.js if I only need swipeleft
In my website I only want to open sidebar menu on swipeleft. I don't want to use Hammer.js (7.34KB) only for this functionality.
Is there any other option available?
I'll use this code to close the ...
- 57
6
votes
0
answers
905
views
Hammer.js momentum, velocity, throw behavior
I want to implement a Pan behavior with momentum using Hammerjs. Basically, after the touch event ends the scrolling should continue, starting at the final velocity, easing out, and stopping.
I have ...
- 4,934
1
vote
1
answer
288
views
HmmerJS - make mousedown consistent on browser and touch devices
I'm using HammerJS to handle gestures. I have a div element (which hammer is managing events on) that contains a select within. In touch devices, or on device mode of the chrome development tools, I ...
- 180
3
votes
0
answers
1k
views
Hammer JS swipe not working on the document body
I'm using HammerJS to detect left swipes on touch screen devices. I'm trying to open a slide-out menu every time the user swipes left anywhere on the page when browsing on a touch-screen device. It ...
- 1,246