# 滑动事件 视口标签要添加 <meta name="viewport" content="width=device-width, initial-scale=1.0"> **注意：** 使用到滑动事件需要给body添加touch-action属性值为none ： body{touch-action: none;} 浏览器允许一些手势（touch）操作在设置了此属性的元素上，例如：对视口（viewport）平移、缩放等操作 。我们把touch-action设置为none，可以禁止触发默认的手势操作 。而PC浏览器默认情况下没有对滑动进行处理，所以我们屏蔽掉它的默认不触发效果。 ***** 可以对上下左右进行滑动事件 ``` /*$('div').swipe(function(){ console.log(123456) })*/ /*$('div').swipeLeft(function(){ console.log('向左') }) $('div').swipeRight(function(){ console.log('向右') }) $('div').swipeUp(function(){ console.log('向上') }) $('div').swipeDown(function(){ console.log('向下') })*/ ```