Questions tagged [hammer.js]
Hammer is an open-source library that can recognize gestures made by touch, mouse and pointerEvents. It has support for multiple instances the same time, so you can start creating multi-user touch interfaces.
hammer.js
750
questions
0
votes
0
answers
23
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) =>...
4
votes
1
answer
356
views
How to pan and then immediately pinch with hammer js?
I'm using hammerjs like this
this.hammer = new Hammer.Manager(this.canvas);
const pinch = new Hammer.Pinch();
const pan = new Hammer.Pan({
threshold: 5,
});
this.hammer.add([pinch, pan]);
But if I ...
2
votes
2
answers
1k
views
How to keep default browser behavior (zoom) on pinch with Hammerjs?
I use Hammerjs for swiping and tapping. However as soon as I start using it on any element
var hammer = new Hammer(document.getElementById("square"));
the default browser's behavior for "pinch" ...
1
vote
0
answers
144
views
hammerJs and kineticJs sensitivity issue?
i am using the latest version of both kineticJs and HammerJs, i have an preview picture as i am doing my puzzle game, i now able to rotate my puzzle pieces but the sensitivity of the preview image is ...
6
votes
2
answers
4k
views
zoom and pan on charts in angular
I have a problem on angular ( v5) with this plugin:
ng2-charts ( from charts.js)
chartjs-plugin-zoom
hammer.js
I have a simply chart and i'd like to zoom and pan on this, but it doesn't works.
I ...
0
votes
0
answers
39
views
How to prevent hammer.js stop the page scrolling?
I'm using hammer integrated with svg-pan-zoom (https://github.com/bumbu/svg-pan-zoom?tab=readme-ov-file#custom-events-support).
I would like to let the page scroll panning in vertical direction even ...
2
votes
1
answer
642
views
How to enable Vertical Swipe with Hammer.js in Angular 17 (standalone component)
I tried to implement the vertical swipe with Hammer.js and Angular 17 but it's not working.
I'm trying to do a tinder-like app, so I want to be able to swipe right, swipe left and swipe up. I found ...
6
votes
4
answers
7k
views
App won't recognize gestures, like pan, using Hammer.JS in Angular 11
I can't recognize any gestures, such as swipe, pan, in my Angular app using Hammer.JS. It's set up like this:
package.json:
"@angular/core": "11.0.5",
"@angular/platform-...
0
votes
0
answers
42
views
how to use some animation on leftswipe and rightswipe in angular13?
i want some animation on a material card on left swipe and right swipe, how to achieve?
I have tried hammer js, please provide me some documentation.
0
votes
0
answers
46
views
Angular - Sliding sidebar sometimes does not register the first click
I have implemented a sliding sidebar in my web-app for mobile users. The sliding listener is imported from hammerjs.
<app-nav-bar></app-nav-bar>
<div class="site-content">
&...
1
vote
1
answer
273
views
Using Hammer + chart + chart plugin zoom not work in mobile
I am encountering an issue with the drag functionality on mobile devices in a Chart.js chart that utilizes the chartjs-plugin-zoom and hammer.js. The chart works as expected on desktop browsers, but ...
26
votes
2
answers
914
views
Mobile Safari crashes when using Hammer.js
I am working on a multi-player game in Javascript for the iPad. I am using Smartfox Server for the multiplayer, and Hammer.js for touch events.
I am having an issue where when I use a Hammer ...
2
votes
1
answer
1k
views
Dragging HTML element , implemented with HammerJS , is jittery on touch device
I have a list of HTML elements as cards stacked on top of each other. I am trying to drag the element with pan event using HammerJS
export class HomePage {
@ViewChildren('slides') slides;
@...
10
votes
7
answers
13k
views
How to stopPropagation() w/ Hammer.js 2.0?
I have a parent and child div. Panning/dragging on the child should not affect the parent. This is a similar question but was asked a year ago, and I'm using a newer version of Hammer.js w/ the ...
2
votes
0
answers
108
views
Problem with jquery and hammer.js when using
I created a jquery function to be able to scroll a list of items back and forth, and it works perfectly with the mouse wheel.
Now I plan to use hammer.js to apply the same logic with touch, but I am ...