移动端事件库

最新推荐文章于 2025-10-12 08:05:05 发布

原创最新推荐文章于 2025-10-12 08:05:05 发布 · 152 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #js #移动开发

Touch.js和Hammer.js是针对移动设备的事件处理库，专注于手势识别。Touch.js由百度云维护，适用于Web移动端的touch事件处理，而Hammer.js则是一个强大的开源框架，能够实现多种触摸事件，如点击、滑动和拖动。两者都是解决移动开发中手势交互问题的有效工具。然而，Touch.js已停止更新，开发者可能需要考虑使用仍活跃维护的Hammer.js来确保长期支持。

Touch.js

Touch.js是移动设备上的手势识别与事件库, 由百度云Clouda团队维护，也是在百度内部广泛使用的开发工具.(已停更)

Touch.js手势库专为移动设备设计,是Web移动端touch点击事件不错的解决方案

GitHub - Clouda-team/touchjs: Touchjs getsture library

用法：

示例：

hammer.js

一款开源的移动端脚本框架，他能完美的实现在移端开发的大多数事件，如点击、滑动、拖动、多点触控等事件

Getting Started - Hammer.js

用法：

点透现象

解决点透问题

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

彭恒0714

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【JS教程】移动端 Touch（触摸）事件

我的博客

07-29

8684

最基本的touch事件包括4个事件： 1. touchstart事件：当手指触摸屏幕时候触发，即使已经有一个手指放在屏幕上也会触发。 2. touchmove事件：当手指在屏幕上滑动的时候连续地触发。在这个事件发生期间，调用preventDefault()事件可以阻止滚动。 3. touchend事件：当手指从屏幕上离开的时候触发。 4. touchcancel事件：当一些更高级别的事件发生的时候（如电话接入或者弹出信息）会取消当前的touch操作，即触发touchcancel。...

告别加班！这款Axure移动端元件库，让你原型效率提升300%

招风的黑耳优快云

09-05

1283

这是一套专为 Axure RP 9/10/11 设计的高质量、高保真移动端（APP）组件库。它旨在帮助产品经理、UI/UX 设计师和交互设计师快速、高效地绘制出美观且交互丰富的移动端原型，极大提升设计效率和原型保真度。

参与评论您还未登录，请先登录后发表或查看评论

js移动端事件基础及常用事件库详解

10-19

主要为大家详细介绍了js移动端事件基础及常用事件库，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

百度touch.js API教程

01-18

百度touch.js API教程：http://blog.csdn.net/libin_1/article/details/50534611

Snap.svg移动端触摸事件处理：touch.js使用指南

最新发布

gitblog_00770的博客

10-12

242

你是否在开发SVG交互应用时遇到过移动端触摸事件不响应的问题？是否想让你的SVG图形在手机上也能实现流畅的拖拽和点击效果？本文将详细介绍如何使用Snap.svg的触摸事件系统，帮助你轻松解决移动端交互难题。读完本文后，你将能够：掌握SVG元素的触摸事件绑定方法、实现跨设备兼容的拖拽功能、处理多点触摸冲突，并通过实际案例了解最佳实践。 ## 触摸事件系统概述 Snap.svg通过[src/mou...

移动端事件

zz0567的博客

12-03

393

移动端事件库（部分） Touch.js 下载js网站： GitHub - Clouda-team/touchjs: Touchjs getsture library 属性设备类型 tap 单击屏幕 doubletap 双击屏幕 swipe 滑动 swipeleft 向左滑动 ...

移动端的事件库

cssshua的博客

09-17

986

FastClick.js：解决click事件300ms的延迟 touch.js：百度云手势事件库 GitHub地址：https://github.com/Clouda-team/touch.code.baidu.com

ktouch:移动端触摸事件库

06-18

【ktouch：移动端触摸事件库】在移动设备的开发中，由于触屏操作成为主流，因此处理触摸事件的库成为了必不可少的工具。ktouch就是这样一款专为移动端设计的触摸事件库，它主要针对JavaScript环境，使得开发者能够...

Mint UI 基于 Vue.js 移动端组件库

10-19

Mint UI是一个基于Vue.js的移动端组件库，它为开发者提供了一套丰富的CSS和JavaScript组件，以应对移动设备上的界面开发需求。Mint UI具有轻量级和按需加载的特点，能够帮助开发者快速搭建风格统一、性能优化的移动...

移动端：移动端事件

angran336699的博客

03-01

356

移动端事件一、 PC端事件鼠标类 click、mouseover、mouseout、mouseleave、mouseenter、mouseup、mousedown、mousewheel... 键盘类 keydown、keyup... 其他类 load、blur、focus、change.... 二、 移动端事件 ...

移动端js事件和库

weixin_34384557的博客

01-14

258

1.touch事件（1）touchstart 手指放到屏幕触发（2）touchmove 滑动触发（3）touchend 离开触发（4）touchcancel 系统取消touch事件的时候触发，比较少用一般时封装使用来实现这三种操作，可以使用封装成熟的js库 2.zeptojs 是一个轻量级的针对现代高级浏览器的JavaScript库，它与jQuery有着类似的api。会用jQ...

面向移动端的触摸事件处理库——toucher

gitblog_00302的博客

01-10

467

面向移动端的触摸事件处理库——toucher 一、项目基础介绍 toucher 是一个面向移动端 Web 开发的开源项目，它通过监听原生触摸事件，模拟出常用的手势事件，从而为移动端应用提供更为丰富的交互体验。该项目主要使用 JavaScript 编写，同时使用了少量的 HTML。二、项目的核心功能 toucher 支持多种基本和高级的触摸事件：基本事件： singleTap：轻击 dou...

移动端js事件和库（zepto库、swiper.js插件）

sundanping_123的博客

09-03

605

使用swiper 做幻灯片切换，代码太长，只写swiper段： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, init...

touch.js——手机端的操作手势

热门推荐

大小都是愁的成长之路

10-23

3万+

TOUCH.JS手势操作，例如一指拖动、两指旋基本事件： touchstart //手指刚接触屏幕时触发 touchmove //手指在屏幕上移动时触发 touchend //手指从屏幕上移开时触发 touchcancel //触摸过程被系统取消时触发（少用）一、事件绑定（常用，重要） touch.on( element, types, cal

touch.js 移动端的手势识别

qq_57215961的博客

05-26

1167

手机端不同于PC端，只有一个鼠标指针，在手机端上，可以实现多种手势操作，像左滑、右滑、双击、缩小、放大、拖拽等等。在事件中提供了关于手势事件的事件类型，但是原生的JS实现过于复杂，touch.js是一个移动设备上的手势识别与事件库，利用这个库可以方便很多操作。原生JS事件类型 gesturestart：当一个手指已经按在屏幕上而另一个手指又触摸屏幕时触发gesturechange：当触摸屏幕的任何一个手指的位置发生变化时触发gestureend：当任何一个手指从屏幕上面移开时触发只有两个手指

使用Sortable.js和Touch.js实现App定制首页

SPACE

10-23

1809

需求 1，页面为分为A、B两部分，上下布局，A为已选，B为备选。 2，要求A部分允许横向滚动，B部门要求纵向滚动。 3，要求A部门操作手势为【长按移动】，B部分操作手势为【点击移动】。实现使用 Sortable.js 做拖动排序，使用 touch.js 做移动端手势识别。最终效果遇到的问题 1，A...

Axure移动端元件库完整版下载指南

通过“LIB003 - AxureUX交互原型移动端元件库完整版”提供的元件库，设计师可以快速搭建出一个针对特定移动端应用的原型。举例来说，如果要设计一个电商APP的购物车页面，设计师可以从元件库中选择所需的按钮、商品...