Skip to main content

All Questions

Tagged with
287 votes
8 answers
412k 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 ...
Matt's user avatar
  • 35.1k
12 votes
4 answers
27k views

How to use hammer.js with Angular.js

I'm new with Angular.js and reading i know angular dont have events like tap, double tap, etc. I'm trying to combine with Hammer.js without success. Code from gist /** * angular-hammer.js * ...
rkmax's user avatar
  • 18.1k
8 votes
1 answer
2k views

Adding paging controls to a full page touch swiper/slider - Hammer.js

CLICK FOR FIDDLE Below is a fully functional full page touch slider I have created using hammer.js You can drag, swipe or pan to navigate between pages. The slider works as expected but I am now ...
DreamTeK's user avatar
  • 33.9k
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 ...
Andrew Allen's user avatar
  • 7,892
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 ...
clestcruz's user avatar
  • 1,111
6 votes
3 answers
8k views

Hammer.js (IE8)- Object doesn't support property or method 'addEventListener'

I'm using hammer.js for a touch menu for a site, and getting: "Object doesn't support property or method 'addEventListener'" hammer.js, line 247 character 13 with IE8. The actual code from ...
Kalvin Klien's user avatar
6 votes
1 answer
7k views

Delegating Hammer.js events with jQuery

I have started using Hammer.js (https://github.com/eightmedia/hammer.js) which is a great little script, but I'm unsure how to delegate the events using jQuery's .on() event handler. I've set up a ...
will's user avatar
  • 4,565
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
1 answer
3k views

iframe conflicting with hammer.js gestures

I'm using hammer.js [the jQuery plugin version] to provide simple touch gestures – in this case, I'm just using swipeleft and swiperight – to navigate between pages. All works good, except... On some ...
RyanS's user avatar
  • 637
5 votes
1 answer
1k views

How to get proper event propagation with hammer.js 2?

I'm using Hammer.js 2.0.4 in a situation where I have two hammerjs instances to listen for tap events: on in a parent div element, and one in a child. I would like to stop event propagation when ...
Jos de Jong's user avatar
  • 6,801
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
4 votes
2 answers
5k views

How to set different velocity to recognise swipes with hammer.js jQuery plugin?

I'm having issues finding / figuring out how to add options to hammer.js when using it's jQuery plugin. This is how I initiate hammer: /* Create Hammer object for swipable game cards */ ...
Ilja's user avatar
  • 46.2k
4 votes
2 answers
1k views

HammerJS triggers click after dragend

I have a perfectly working hammerjs drag listener that captures drags just like I'd expect. But when you let go, right after the dragend is triggered, it then triggers a click event as well. So if you ...
Matt Stauffer's user avatar
3 votes
5 answers
11k views

Hammer.js breaks vertical scroll when horizontal pan

I'm using Hammer.js to look for horizontal pan gestures, I've devised a simple function to clicks a button when panned left or right. It works okay, except the vertical scroll doesn't do anything on a ...
any_h's user avatar
  • 558
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

15 30 50 per page