All Projects → keenjaan → alloy-finger-vue

keenjaan / alloy-finger-vue

Licence: other
alloy-finger vue版集成,移动的适配、阻止冒泡、longtap事件修改

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Projects that are alternatives of or similar to alloy-finger-vue

getting-touchy-presentation
Everything you (n)ever wanted to know about touch and pointer events
Stars: ✭ 42 (+133.33%)
Mutual labels:  touch-events
Nestedtouchscrollinglayout
🎱处理子 View,父 View 嵌套滚动,成本比 support v4 NestedScrolling 低,放心食用~
Stars: ✭ 557 (+2994.44%)
Mutual labels:  touch-events
Jquery Udraggable
make elements draggable by mouse or touch
Stars: ✭ 107 (+494.44%)
Mutual labels:  touch-events
Hover On Touch
A pure Javascript Plugin for an alternative hover function that works on mobile and desktop devices. It triggers a hover css class on »Taphold« and goes to a possible link on »Tap«. It works with all html elements.
Stars: ✭ 256 (+1322.22%)
Mutual labels:  touch-events
Tslib
Touchscreen access library
Stars: ✭ 416 (+2211.11%)
Mutual labels:  touch-events
Zoomlayout
2D zoom and pan behavior for View hierarchies, images, video streams, and much more, written in Kotlin for Android.
Stars: ✭ 688 (+3722.22%)
Mutual labels:  touch-events
momentum
Track movement and basic events with CSS custom properties
Stars: ✭ 19 (+5.56%)
Mutual labels:  touch-events
Keen Slider
The HTML touch slider carousel with the most native feeling
Stars: ✭ 3,097 (+17105.56%)
Mutual labels:  touch-events
Tap
1Kb library for easy unified handling of user interactions such as mouse, touch and pointer events.
Stars: ✭ 541 (+2905.56%)
Mutual labels:  touch-events
Slideout
A touch slideout navigation menu for your mobile web apps.
Stars: ✭ 7,981 (+44238.89%)
Mutual labels:  touch-events
Touchdemo
Custom touch handling in Android
Stars: ✭ 273 (+1416.67%)
Mutual labels:  touch-events
Creepyface
A JavaScript library that makes your face follow the pointer. 🤪🖱️👆
Stars: ✭ 412 (+2188.89%)
Mutual labels:  touch-events
Swiper
Most modern mobile touch slider with hardware accelerated transitions
Stars: ✭ 29,519 (+163894.44%)
Mutual labels:  touch-events
touchRobot
js模拟手指触碰点击,手指滑动,下拉刷新
Stars: ✭ 46 (+155.56%)
Mutual labels:  touch-events
Jkcardlayout
高仿即刻APP探索页卡片布局拖拽、卡片前进、回退和下拉效果,采用RecyclerView和自定义LayoutManager实现
Stars: ✭ 111 (+516.67%)
Mutual labels:  touch-events
THREE.Interactive
Fast and simple interaction manager for three.js for enabling mouse and touch events on 3D objects
Stars: ✭ 49 (+172.22%)
Mutual labels:  touch-events
Ios13 Simulatetouch
iOS Automation Framework iOS Touch Simulation Library
Stars: ✭ 610 (+3288.89%)
Mutual labels:  touch-events
Aiforms.effects
AiForms.Effects for Xamarin.Forms
Stars: ✭ 245 (+1261.11%)
Mutual labels:  touch-events
Vuetify Swipeout
👆 A swipe out example built with Vue CLI 3 + Vuetify + Swiper.
Stars: ✭ 117 (+550%)
Mutual labels:  touch-events
Dom Examples
Code examples that accompany various MDN DOM and Web API documentation pages
Stars: ✭ 984 (+5366.67%)
Mutual labels:  touch-events

alloy-finger-vue

alloy-finger vue版的实现。喜欢的给个star

1、原版移动端是使用的理想视口布局,实际项目中可能就不是理想视口,如淘宝的flexible,对视口进行了缩放,因此对于swipe事件界定的30px对于iphone和android手势滑动的距离是不同的。故对此进行了适配。

2、longTap事件微调,原项目中触发longTap事件后会继续触发tap等事件,实际项目中longTap事件触发后可能就要阻止tap等相关事件。

3、阻止冒泡事件,由于其事件大部分是hack的,并不是原生事件,故阻止冒泡不能像原生那样进行,本方案提供了vue版本的自定义指令注入修饰符来阻止冒泡。

详细解析请移步博客

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].