Greasy Fork

js-Extensions-touchJS

js-Extensions-touchJS是一个非常简单的原生js touch扩展，用于适配移动端的常用touch操作（点击tab、双击dbTab、长按longPress、长按终止longPressCancel、滑动swipe以及具体滑动方向left right up down）

目前为 2022-11-30 提交的版本。查看 最新版本。

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.greasyfork.cloud/scripts/455704/1123115/js-Extensions-touchJS.js

作者
tutu辣么可爱
版本
1.4
创建于
2022-11-30
更新于
2022-11-30
大小
5.5 KB
许可证
暂无

js-Extensions-touchJS

  • 一个非常简单的原生js touch扩展，用于适配移动端的常用touch操作
  • 支持的touch事件：点击tab、双击dbTab、长按longPress、长按终止longPressCancel、滑动swipe，以及具体滑动方向（左left、右right、上up、下down）
  • jQuery请使用jQuery插件版本：jQuery-Extensions-touchJS

使用方式

  • 添加单个事件(以长按为例)
//指定事件名（可省略，但省略后无法指定删除此事件）
touchJS.bind(target,"longPress",()=>{//具体业务}，"myLongPress")
//或者指定方法
myLongPress=function(){//具体业务}
touchJS.bind(target,"longPress",myLongPress)
  • 批量添加事件(以长按、长按取消、点击为例)
touchJS.bind(target,{
  //可通过myLongPress方法名指定删除此事件
  longPress:myLongPress,
  //无法指定删除
  longPressCancel(){//具体业务},
  tap(){//具体业务}
})
  • 删除指定类型的所有事件(以长按为例)
//删除longPress所有事件，格杀勿论
touchJS.unbind(target,"longPress")
  • 删除指定方法对应的事件(以长按为例)
//通过指定事件名确认唯一事件（添加事件时指定）
touchJS.unbind(target,"longPress","myLongPress")
//或者通过指定方法确认唯一事件
touchJS.unbind(target,"longPress",myLongPress)
  • 查看所有touch事件（仅限于通过本插件产生的事件方法）
dom对象.jsTouchFnMap