Skip to main content

All Questions

Tagged with
27 questions with no upvoted or accepted answers
6 votes
0 answers
906 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 ...
James Watkins's user avatar
5 votes
0 answers
972 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 ...
Xander's user avatar
  • 412
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 ...
Snowman's user avatar
  • 1,246
2 votes
1 answer
822 views

HammerJS v2 <div> with 'overflow-y: auto' does not scroll on ipad

I have a page with HammerJS v2 on it. My layout looks like: body - overflow: hidden div1 - overflow: hidden (this is always the size of the viewport) div2 - overflow-y: auto div1 - ...
AnthW's user avatar
  • 543
2 votes
3 answers
4k views

Permit horizontal pan events only if the gesture is not already scrolling vertically

I'd like to set up Hammer.js so that I can respond to horizontal pan events. My first attempt looks like this: var mc = new Hammer(document.body); mc.on("panleft panright", runBind(this, '...
nelstrom's user avatar
  • 19.5k
2 votes
0 answers
418 views

Hammer.js 2.0 and TUIO

I have a rather large web app working with Hammer.js 1.1 and I wanted to move it to 2.0. This app does not work on a touch device: it works on regular Chrome to which we send touch data through TUIO ...
eje211's user avatar
  • 2,429
2 votes
1 answer
2k views

Creating custom touch gestures using javascript

I need to create custom gestures for different shapes like square, circle etc. In other words i need to detect when user draws a square or circle on their touch device using javascript. currently i'm ...
T J's user avatar
  • 43.1k
2 votes
0 answers
1k views

Prevent parent swipe event if there exists child swipe event

I'm using Hammer.js and have a swipe/touch event on a site container element, this event displays a menu. The problem is that sometimes there are child elements to the container that also listen to ...
user1149117's user avatar
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 ...
ETdecode's user avatar
  • 405
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-...
Shilpa Nagavara's user avatar
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 ...
baalal's user avatar
  • 57
1 vote
1 answer
1k views

PhoneGap Cordova Hammer.js HTML5/Javascript Canvas - "Tap" doesn't work properly

I am trying to make an app using phonegap/cordova/hammer.js via HTML5/Javascript/Canvas: var c = document.getElementById("myCanvas"); var ctx = c.getContext("2d"); Hammer(c).on("tap", function(event){...
user avatar
1 vote
1 answer
1k views

Disabling all hammer.js (angular-hammer) events except single tap

My app uses angular-hammer, and I want to optimize it for only the tap event, to get the best performance because I don't need any other gestures. I understand hammer only adds listeners for the ...
markau's user avatar
  • 922
1 vote
0 answers
646 views

iOS / Android & hammer.js: Events stop when touched HTML Element is removed from the DOM

I have a big problem with hammer.js on iOS / Android devices: There seems to be an issue with events and removed HTML elements. Say we have a container, on which we use hammer.js with a touch and pan ...
bekay's user avatar
  • 1,830
1 vote
0 answers
981 views

IE 11 delay in touch events (3 seconds)

The code below is a very simple version of what I'm trying to do. I'm trying to trigger a looping function while an element is pressed. This is for use on a touchscreen, so in production I'm ...
Seth Phillips's user avatar

15 30 50 per page