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 doesn't have any dependencies, and it's small, only 3.7 kB minified + gzipped! http:...
0
votes
0answers
7 views
Pinching and Scrolling
I've been going in circles with this all day. HammerJS allows you to add pinch events to an element but when you do that, the native scrolling events are not fired. I can't find a straight answer ...
0
votes
0answers
8 views
pinchcancel called with container overflow:auto
I'm trying to display a scaled box within a container. As the user pinches the container, the child element should increase/decrease in scale. The interesting thing is, if overflow:auto; is applied to ...
0
votes
0answers
18 views
Hammerjs Angular: Create custom listener and listen to multiple touch events simultaneously and how to use it
I need some help implementing a new touch event with HammerJS, I have tried too see some information regarding this but nowhere is it explained for ease to follow.
I created a hammerjs.ts file where ...
-1
votes
0answers
9 views
Hammers.js swipe not triggering video autoplay on IOS
I'm working on web app using hammer.js for gesture detection. Main content of the app is mainly video and image slides with texts.
My issue is when I trigger video initializing with autoplay on swipe (...
0
votes
0answers
20 views
Swiping and calculating the speed and distance for moving a DIV?
Upon a swipe action I want to move a DIV left or right, using transform: translate3d.
I currently do this by adding or removing 200 pixels, but what I actually want to do is move the DIV based upon ...
0
votes
0answers
9 views
hammer.js events called on loop through results, javascript, php, html
Please advise me. I have some html, JavaScript code that calls events inside a loop through database results.
<td id="11" ondrop="callfunctiondrop()" />
//11 is obtained from database
Now I ...
0
votes
0answers
12 views
Drag N Drop call on element, need to adapt on touch devices
I have a site working with mouse events but now need to get the site work on touch screen devices, but I cannot seem to get jQuery's drag and especially drop functionality to work reliably.
Do we ...
0
votes
1answer
22 views
adding hammerjs to a react js component properly
I try to add hammer js to my reactjs component and my component looks as it follows
import React from 'react';
import _ from 'underscore';
import Hammer from 'hammerjs';
class Slider extends React....
0
votes
1answer
26 views
Swipe and click events firing at the same time - Hammer.js
I am trying to allow swiping on a parent element and clicking on the child element. Currently the swipe and click is firing when I just want the swipe to fire.
HTML
<div id="slider">
<div ...
0
votes
0answers
22 views
Hammer.js recognize pinch and rotate separately
I am trying to use Hammer.js to recognize touch events. I want to do separate things on the pinch and rotate gesture, but once I add both recognizers to my Hammer.Manager, only the rotate gesture is ...
0
votes
0answers
14 views
Using HammerJs PAN action I made a div dragabble and is working fine. But I should restrict the drag limit area to the parent div? Any suggestions?
//Pan(drag & drop) action image(object)
//It accepts and image object and performs pan action using hammerjs object
// Handles pan event/transforming at the same time
hammer.on("...
0
votes
0answers
18 views
Hammer.js | prevent panning beyond edge of image
thanks for taking a look at this issue.
I have implemented pinch and zoom effect for an image. I am trying to prevent the image from being panned beyond the screen.
ie: if I keep panning in one ...
0
votes
1answer
26 views
v-touch not working when scrollable in mobile
I'm using vue-js 2.0 and vue-touch to make swipe possible in mobile.
If I initialize my div as follows:
<v-touch v-on:swipeleft="nextDay" v-on:swiperight="previousDay" class="page-content" :style=...
0
votes
1answer
30 views
Measure swipe distance
This question has been probably asked many times but I can't actually find the answer nor here nor on Google. Probably I'm searching it with wrong words, so I decided to ask here on StackOverflow.
I'...
0
votes
0answers
20 views
hammerjs tap on a map div element relative event values
I am registering to Hammer js events on a Cesiumjs map using:
var map = document.getElementById('cesiumMap');
var mc = new Hammer(map);
mc.on("tap", function(event){
console.log("event = " +...