使用jquery、light7实现手机移动段的长按事件

本文介绍了如何使用jQuery和light7库在手机移动端实现长按事件,通过touchstart、touchmove、touchend事件监听,模拟长按行为。在长按期间,列表项变为可编辑的输入框,松手后弹出确认对话框,询问是否修改。此外,还讨论了防止系统默认长按行为和解决弹出询问框闪现的问题。
摘要由CSDN通过智能技术生成

           这篇文章是我在一次项目的开发中,项目需要对一个列表名称,可以通过长按来进行修改。我在做这个长按的事件的功能时,主要还是在网上搜索各位大神们的经验博客来做的,当然也有根据自己的项目需要做了些修改。现在的我发表这篇文章,主要还是想把我的做法记录下来以备以后需要时可以直接查看,当然如果有人查看的话,发现不足之处,欢迎指正微笑

          哎,刚才废话了下,现在直接上主题。我的项目是主要是对一个light7 做出来的列表,通过长按后,列表的名称变成可以输入框,输入完成之后,点击输入框之外的地方就给出一个confirm询问框,询问是否要修改,点击修改时,就访问后台进行修改,点击否时,则将回置为之前的内容,当然如果只是长按但没有改动名称,点击外面时则直接恢复名称列表为不可修改状态,不做出询问。这里的处理主要是根据我的项目需要来做的。

       

        自己模拟长按事件当然还是需要 touchstart、touchmove、touchend 这三个事件来处理的。

         touchstart:按下时会触发一个event事件

         touchmove:按下后移动时会触发一个event事件

         touchend :按下离开时会触发一个event事件

         长按事件的模拟就是通过这三个来实现,touchstart是按下,touchend是离开,只要在touchstart中定义一个定时器,当触碰的时间达到定时器的时间就可以去做长按事件的处理,那为什么还要使用touchmove呢,这是因为按下后如果鼠标或者手指滑来滑去,这不算是长按,算是拖动,所以也需要在touchmove中对事件的监听处理。

        

          手机上模拟长按时,首先要去除系统自带的长按时间,否则自己写的长按事件的处理不会起作用,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值