touch和mouse区别

 Box.addEventListener(\'mousedown\', function () {
                console.log(\'鼠标按下\')
            })
            Box.addEventListener(\'mousemove\', function () {
                console.log(\'鼠标移动\')
            })
            Box.addEventListener(\'mouseup\', function () {
                console.log(\'鼠标抬起\')
            })

 Box.addEventListener(\'touchstart\',function (){
                   console.log(\'手指按下\')
               })
               Box.addEventListener(\'touchmove\',function (){
                   console.log(\'手指移动\')
               })
               Box.addEventListener(\'touchend\',function (){
                   console.log(\'手指抬起\')
               })

touch 事件 和 mouse 事件的区别：

• mousedown：鼠标按下 touchstart：手指触摸
• mousemove：鼠标移动 touchmove：手指移动
• moveup：鼠标抬起 touchend：手指抬起
• touch事件只能在移动端使用；mouse事件只能在PC端使用；
• touch事件的touchstart只能在元素内触发，touchmove和touchend可以在屏幕任意位置触发；
• mouse事件都只能在元素内触发；
• touch事件只有在touchstart触发后，才能触发touchmove和touchend事件；但mouse事件的mousemove只要在元素内没有鼠标按下也能触发