搜尋

首頁  >  問答  >  主體

javascript - jQuery touch事件如何同时兼容鼠标的移动?

我使用了 touchstart move end来制作基于touch的轮播效果。
然后我发现PC端,是没法用鼠标触发这三个事件的,我应该如何做到兼容?

黄舟黄舟2784 天前608

全部回覆(2)我來回復

  • 大家讲道理

    大家讲道理2017-04-10 17:54:06

    其实自己写也不难:

    var hasTouch = 'ontouchstart' in window,
    startEvent = hasTouch ? 'touchstart' : 'mousedown',
    moveEvent = hasTouch ? 'touchmove' : 'mousemove',
    endEvent = hasTouch ? 'touchend' : 'mouseup',
    cancelEvent = hasTouch ? 'touchcancel' : 'mouseup',

    后面的事件都绑定在变量上就好了

    回覆
    0
  • 迷茫

    迷茫2017-04-10 17:54:06

    devicejs判断平台如果是移动端就用touch事件,如果是桌面端就用鼠标事件。

    回覆
    0
  • 取消回覆