在移動端頁面開發中，有時需要禁止使用者滑動螢幕，搜尋了好久才找到移動終端的touch事件，touchstar,touchmove,touchend.
阻止滾動
一些移動裝置有預設的touchmove行為，比如說經典的ios overscroll效果，當滾動超出了內容的界限時就引發檢視**。這種做法在許多多點觸控應用中會帶來混亂，但要禁用它很容易。
document.body.addeventlistener('touchmove', function(event) , false);
具體參見
移動網際網路終端的touch事件,touchstart, touchend, touchmove
在pc端頁面開發中，可以設定onmousewheel，其實在大多數瀏覽器（ie6, ie7, ie8, opera 10+, safari 5+）中，都提供了 「mousewheel」 事件。但杯具的是 firefox 3.5+ 卻不支援此事件，不過慶幸 firefox 3.5+ 中提供了另外乙個等同的事件：」dommousescroll」 （事件和事件屬性的測試案例）。
var addevent = (function();} else if (window.attachevent) ;
} else ;
} })(),
stopevent: function(event) else
if (event.preventdefault) else
}, zoomin = function(){},
zoomout = function(){},
// isfirefox 是偽**，大家可以自行實現
mousewheel = isfirefox ? "dommousescroll" : "mousewheel";
// object 是偽**，你需要註冊 mousewheel 事件的元素
addevent(object, mousewheel, function(event) , false);
具體參見** mousewheel 事件
Swiper 觸屏滑動切換
相信在做移動端時大家都會遇到乙個常見的問題就是觸屏滑動。今天帶著大家來學習，解決下這個問題。學習內容 於swiper中文網，有興趣的可以去搜搜看 1.首先載入外掛程式，需要用到的檔案有swiper.min.js和swiper.min.css檔案。link rel stylesheet href pa...
移動端觸屏滑動
移動端觸屏滑動的效果其實就是輪播，在pc的頁面上很好實現，繫結click和mouseover等事件來完成。但是在移動裝置上，要實現這種輪播的效果，就需要用到核心的touch事件。處理touch事件能跟蹤到螢幕滑動的每根手指。以下是四種touch事件 touchstart 手指放到螢幕上時觸發 tou...
touchmove滑動選單
首先我們先把基礎樣式做出來 主容器的 overflow hidden 很重要不然就會導致如下圖的結果 重點是js的 首先獲取ul的class，以及設定乙個初始化的起始點和偏移距離，var ulbox document.getelementsbyclassname ulbox 0 var startx...