设计效果：当手指点击或触摸红框线menuList之外的部分时，弹框menuList消失。

问题：在优化触屏版的时候发现如图问题。当menuList弹出。手指触摸屏幕向下滑动时，menuList弹框不消失。仅仅有手指点击menuList之外的部分才消失。

查看代码发现，源码仅仅定义了click事件：

$(doc.body).on('click',function(e) {					if (e.target.id != 'menu') headerMenu.hide();				});

说明触屏版对click和touch解析是不同的事件。

于是查了下touch的使用方法。发现是有touchstart,touchmove,touchend事件的，而且能够像click样直接使用。

于是更改代码：

$(doc.body).on('click touchmove',function(e) {					if (e.target.id != 'menu') headerMenu.hide();				});

OK，能够

很多其它demo和解析：

版权声明：本文博客原创文章，博客，未经同意，不得转载。