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

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

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

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

阅读 6.9k
1 个回答

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

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题