单页面图片滑动，dom对象拖动后鼠标箭头变禁止样式

发布日期：2020-12-23 15:32:58

需求：隐藏浏览器拖动，超宽图片和浏览器等高，执行左右滑动。

问题一、鼠标按下后，左右滑动图片，鼠标箭头变禁止，同时mousedown事件结束mouseup事件开始执行。mousemove无法准确获取mousedown和mouseup之间的变化。

解决办法：preventDefault（）

    在mousedown执行时，使用preventDefault给对象取消事件的默认动作。

问题二、preventDefault取消默认动作后，对手机端使用的影响

     preventDefault后，手机端无法使用默认的A标签跳转，click事件也需要使用touchstart去代替。

问题三、preventDefault后，手机端mousedown、mouseup、mousemove事件无法使用

     根据我这边需求，分别替换为mousedown=>touchstart、mouseup=>touchend、mousemove=>touchmove。

demo 走进两会部分

赏