# 滑動事件 視口標簽要添加 <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('向下') })*/ ```