Comments (6)
According to Google
...mobile browsers will wait approximately 300ms from the time that you tap the button to fire the click event. The reason for this is that the browser is waiting to see if you are actually performing a double tap.
My temporary solution is to include FastClick in to my index.html
Does anyone else think we should include something like FastClick in Framer?
from framer.
Anyone have thoughts on this?
from framer.
Hey Tyler!
So, if you are building something exclusively for mobile devices, you can use the touchStart event, which fires instantly, as opposed to the click event. If you want both click and touch events, but want them to fire immediately on their respective platforms, you'll have to build in an event abstraction. Here's the general idea of how that would work:
if (touchDevice()) {
Events.TouchStart = "touchstart";
Events.TouchEnd = "touchend";
Events.TouchMove = "touchmove";
} else {
Events.TouchStart = "mousedown";
Events.TouchEnd = "mouseup";
Events.TouchMove = "mousemove";
}
view.on(Events.TouchStart, function() {
return console.log("Touch started");
});
from framer.
@joshpuckett thanks! I will definitely try that out example out, because I end up using framer on web & mobile.
from framer.
Also, I already built these in (but did not publicly document them yet)
under the global Events object. You can check out events.coffee for more
info.
On Monday, June 17, 2013, Tyler Howarth wrote:
@joshpuckett https://github.com/joshpuckett thanks! I will definitely
try that out example out, because I end up using framer on web & mobile.—
Reply to this email directly or view it on GitHubhttps://github.com//issues/33#issuecomment-19519291
.
from framer.
Fixed with Events.Click
from framer.
Related Issues (20)
- Support for modules folder containing subdirectories HOT 1
- Resetting color on a TextLayer nested in a ScrollComponent breaks scroll interactions
- Option to code a rectangle with only two rounded corners HOT 1
- Shouldn't `mouseWheelEnabled` trigger elastic boundary effects as dragging events do?
- Shadows will not animate and ignore code state changes
- copying a layer from design mode does not copy the constraintValues of its children
- make test fails on "Layer Shadow Properties should animate shadows through a shadow property"
- undocumented event
- More comprehensive documentation for the open-source library in vanilla JavaScript
- Add support for Sass
- Framer X version of framer.js release? HOT 3
- 🔍 Improving search on docs with Algolia's DocSearch
- Table Drag and Drop Example?
- How to fix Gatsby.js build error 'window is not defined' ? HOT 1
- Scroll component is inaccessible
- Ability to render Frame as anything other than <div>
- Download link in readme is invalid
- Feature request: Add "detach all nested instances" to right-click menu
- Is framer generator dead?
- Code change in useTransform() documentation HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from framer.