AlloyFinger web 手势学习

本文从长按手势开始,探讨如何使用AlloyFinger这一轻量级Web手势库。AlloyFinger仅有326行代码,提供包括tap、doubleTap、longTap等14种手势。文章详细解释了手势的触发原理和生命周期,适合开发者学习了解。
摘要由CSDN通过智能技术生成

从 [长按] 开始学习 web 手势

在项目开发过程中遇到有虚拟键盘开发的需求(如下图),其中删除键需要实现 长按 删除输入框全部内容,由此展开今天要讨论的 web 手势 开发内容。

线下扫码

先放出实现代码:

var $input = document.getElementById('input');
var $delBtn = document.getElementById('delBtn');
var delBtnClock = null;
$delBtn.ontouchstart = function () {
   
    $input.innerHTML = $input.innerHTML.slice(0, -1
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值