基于原生JavaScript进行扩展模拟用户长按事件(webapp)
2016-11-03 20:09
483 查看
QQ、微信等约炮聊天软件中,长按好友头像时会有@该好友的功能。今天我要为公司的IM实现这个功能啦,本项目原先是基于mui,其中mui有个longtap事件表示可以监听用户长按事件,但是我试了一下好像效果不太好,还是重新搞个插件吧,下面是基于fn进行扩展,所有jq对象都可以使用。
调用方式:$(".xxx").longPress(function(){ //执行具体业务逻辑 })
$.fn.longPress = function(fn) { var timeout = undefined; var $this = this; for(var i = 0;i<$this.length;i++){ $this[i].addEventListener('touchstart', function(event) { timeout = setTimeout(fn, 800); //长按时间超过800ms,则执行传入的方法 }, false); $this[i].addEventListener('touchend', function(event) { clearTimeout(timeout); //长按时间少于800ms,不会执行传入的方法 }, false); } }
调用方式:$(".xxx").longPress(function(){ //执行具体业务逻辑 })
相关文章推荐
- javascript模拟原生事件
- Android如何基于坐标对View进行模拟点击事件详解
- Android基于坐标对View进行模拟点击事件
- JavaScript 模拟用户单击事件
- JavaScript模拟用户单击事件
- javascript原生的事件扩展
- JavaScript模拟用户单击事件
- JavaScript 模拟用户单击事件
- JavaScript模拟用户单击事件 推荐
- JavaScript模拟用户单击事件
- iOS开发-------基于WKWebView的原生与JavaScript数据交互
- js原生创建模拟事件和自定义事件的方法
- jsp servlet 进行基于js的用户验证
- [js点击]JavaScript之原生手势事件详解03
- 重构一段基于原生JavaScript的表格绘制代码
- 基于javascript的asp数据库操作类,含分页、字符串截取、用户登陆验证[原创]
- SQLServer2012基于扩展事件的阻塞监控
- JavaScript笔记之用链接对用户进行重定向
- 服务器控件使用Javascript进行验证(选择地调用后台事件)
- 演示基于用户进行流复制案例-可以同步用户的DDL操作