Javascript 移动-如何创建一个；“虚拟号码锁”；使用JS或纯CSS

我在网络开发方面很有经验，但我正在尝试学习一些移动技术，我不能完全确定我是否了解如何使用触摸事件。我看了一些指南（），但我不确定如何在我的案例中应用它

考虑一下这一点（忽略代码的质量，我只是快速涂鸦来解释我的问题）：

var span=$（“span”），
基站=$（“按钮”）；
btns.on（“单击”，函数（）{
变量$this=$（this），
action=$this.data（“action”），
curVal=parseInt（span.text（））；
btns.prop（“禁用”，错误）；
如果（操作==“更少”）{
span.文本（曲线-1）；
如果（曲线=2）
美元（“#减去”）.prop（“禁用”，正确）；
}否则{
span.文本（曲线+1）；
如果（曲线=8）
$（“#更多”）.prop（“残疾”，正确）；
}
});
*{font-family:sans-serif；}
钮扣{
背景：#eee；
填充：10px；
保证金：5px；
字体大小：粗体；
边框：1px黑色虚线；
}

1.
根据您希望支持多少触摸事件，我会寻找一个开源js库来处理这个问题

一个很好的例子是