TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Interact.js – drag and drop, resizing and multi-touch gestures

203 pointsby spountzyover 10 years ago

21 comments

sphericalgamesover 10 years ago
The second example needs some more work.<p>When you drag no-drop over the yes-drop div it appears on top. If you then drag yes-drop and go back to dragging the no-drop this then appears under the yes-drop div.<p>Also I don&#x27;t get what causes the highlight of the drop zones to activate. Percentage of shape? Center of Shape? Personally I prefer that it is the mouse pointer that activates the enter &#x2F; leave and not the shape itself.<p>Added: If you drag the yes-drop from the side to enter the drop zones, the outer zone looks like 50 pixels wide and yet the error or margin to drop it in there is about 2 pixels before you enter the inner zone.
评论 #8631380 未加载
obsurveyorover 10 years ago
It&#x27;s neat but on Android Chrome the areas that accept taps&#x2F;drags&#x2F;pinches&#x2F;etc. consume swipe&#x2F;drag to scroll events which means you have to create lanes or something on long pages(like the interactjs.io page itself).
评论 #8631069 未加载
thomasflover 10 years ago
The components are usable and the abstractions seems good. Since I discovered famo.us (<a href="http://famo.us" rel="nofollow">http:&#x2F;&#x2F;famo.us</a>) earlier this year I have preferred to do use it for javascript UX code to ensure scrolling and animations run smoothly. I would love to have interact.js rewritten as an extensions to famo.us. Famo.us runs smooth, but lacks good examples, tools and extensions.
评论 #8632511 未加载
taternutsover 10 years ago
Looks really nice and worked really well in my S5. The one issue I had was with the multi-touch rotation example, you&#x27;re not able to touch and scroll up with your fingers if you touch in the background. The resizing example isn&#x27;t as bad but doesn&#x27;t seem to register the first time you touch+drag either.
评论 #8631404 未加载
TheRealWatsonover 10 years ago
On Chrome on Mac the dragging to the left leaves a trail behind, which goes away when finished.
评论 #8631651 未加载
评论 #8631522 未加载
elwellover 10 years ago
The first example on <a href="http://interactjs.io/" rel="nofollow">http:&#x2F;&#x2F;interactjs.io&#x2F;</a> is buggy in Windows&#x2F;Chrome. When I drag, it leaves a trail of the right edge of the object; reminiscent of a crashing Windows 98.
评论 #8632360 未加载
bpowahover 10 years ago
Great stuff. Works great on a desktop except for the two-finger gestures. I&#x27;d love to see a zoom and rotate binding to the mouse scroll-wheel.
joshcrowderover 10 years ago
Really interesting - We&#x27;ve just implemented a html5 drag and drop which supports IE all the way back to IE9 but not mobile! This looks great
yuribitover 10 years ago
Well done!! The only thing that is missing and that I really need is the grid layout support, but animations are really light and smooth!
评论 #8631426 未加载
nkozyraover 10 years ago
This is pretty fantastic, and at a bare minimum looks like a nice replacement for jQueryUI&#x27;s drag-and-drop.
splatcollisionover 10 years ago
Very nice library &amp; code - thanks for making it not require jquery or any other library!
bsimpsonover 10 years ago
The double tap example never resizes on my Chromebook Pixel. The others work nicely.
deanclatworthyover 10 years ago
Just tried the demos on my phone (iPhone6) on the way home. Works wonderfully.
DiThiover 10 years ago
Typo: &quot;Resize from the bottom and left edges&quot;, it means right edge.
评论 #8631545 未加载
chucknelsonover 10 years ago
At first glance, this seems...really solid. Thanks!
评论 #8631540 未加载
softdev12over 10 years ago
Great job. It seems like a subset of jquery functionality? Is there something that interact.js does that jquery doesn&#x27;t? Or is it just a size thing...
评论 #8631507 未加载
vargover 10 years ago
Impressive! Great work.
tikumoover 10 years ago
pinching and multitouch wont work on my Lenovo Flex 15 notebook..
评论 #8632577 未加载
dangover 10 years ago
Please don&#x27;t put &quot;Show HN&quot; in the title unless you&#x27;re personally involved with the project.<p>Anything that anybody posts is technically being shown to HN, so if we didn&#x27;t have this rule, Show HN would cover everything.
npeihlover 10 years ago
Seeing how this isn&#x27;t a Show HN post, wouldn&#x27;t it be more prudent to log issues on the Github page rather than in HN comments?
评论 #8632147 未加载
bizoceanover 10 years ago
Trying let see how it works for me