首页 > jquery mobile 开发移动端页面,swipe事件与mousemove事件冲突该怎么解决?

jquery mobile 开发移动端页面,swipe事件与mousemove事件冲突该怎么解决?

如题,我有一个页面,里面有一个拖拽的div,监听vmousemove事件并根据鼠标位置进行拖拽。
同时,整个页面需要实现滑动换页效果。于是乎整个页面又监听了swipe事件,意在当触发后会滑动换页。

现在想请教各位高手的问题是整个页面的滑动换页功能无效不触发,因为每当鼠标滑动时,只触发了mousemove事件,而没有触发swipe事件(貌似被ignore)了。

请问这个该如何解决呢?谢谢!不胜感激!


目前找到一个解决办法,单独定义一个容器用来监听mousemove事件,比如说

。并且用它将需要被拖拽的div包裹起来。比如

这样只要拖动内层div,就总能捕获mousemove事件。
而后将外层的div设置为固定定位,并且放到屏幕左下角,设置1px宽高,就可以了。只要滑屏时手指不在那个#area里面,就不会触发dragdiv的mousemove事件。

【热门文章】
【热门文章】