一、觸摸事件：
1.touchstart：手指剛接觸屏幕時觸發。
2.touchmove:手指在屏幕上移動時觸發。
3.touchend:手指移開屏幕時觸發。
eg: var span = document.getElementsByTagName(“span”)[0];
var div = document.getElementsByTagName(“div”)[0];
//手指剛放上去執行的事件
span.addEventListener(‘touchstart’,function(){
div.style.display=“block”;
},false);

//手指移開的事件span.addEventListener('touchend',function(){div.style.display="";},false);

二、addEventListener：
1.是一個偵聽事件并處理事件的函數
2.有三個參數，第一個是事件類型，第二個是執行的函數，第三個是事件捕獲（true和false）
三、Zepto框架：
1.Zepto是一個輕量級的針對現代高級瀏覽器的JavaScript庫
2.Zepto.js是專門為現代智能手機瀏覽器推出的Javascript框架
3.設計目的是提供jQuery類似的API
4.觸摸屏的事件
四、引入zepto的環境：

五、zepto和jQuery的區別：
1.zepto不支持IE瀏覽器
2.添加ID的時候，jQuery不會生效，而zepto會生效。
3.使用jQuery執行load事件的處理函數不會執行,而zepto的會執行。
4.事件委托區別
5.zepto會返回包含盒子的邊距以及邊框的寬度，而jquery只返回盒子的寬度。
6.offset的區別，zepto的值有left,top,width,heigth,jQuery的值有width和height。
7.zepto的each方法只能遍歷數組，不能遍歷json。
六、zepto和jQuery相同的方法或屬性：
1.$():語法，zepto(function($){
代碼
})
2.創建元素以及屬性：
eg: var $li = $(“

• li標簽
• ”,{
  id:“li1”,
  css:{color:“red”}
  });
  $li.appendTo($('body')); 3.addClass:給指定的元素添加樣式eg:$("#div1").addClass("bigFont"); 4.attr:獲取或者設置元素的屬性，如果只有一個參數的話，是獲取，如果有兩個參數的話，是設置。如果value的值是null的話，移除該屬性。 eg: //使用attr獲取和設置input的屬性 alert($("input").attr("value")); //設置 $("input").attr("type","button"); //移除屬性 $("input").attr("value",null); 5.has:判斷當前的zepto對象里面是否包含其他元素。 6.hasClass:判斷當前的zepto里面是否包含其他的樣式，如果有返回true，否則返回false。 7.toggle:顯示或隱藏匹配的元素。 8.toggleClass:在匹配的元素上添加一個或多個樣式類。如果有該樣式，就刪除，如果沒有就添加。 9.closest:從元素本身開始，逐級向上級元素匹配，并返回最先匹配的祖先元素。

總結

以上是生活随笔為你收集整理的移动WEB特效开发的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。