移動端學習筆記

click事件延遲300ms  來判斷單擊還是雙擊
touchstart和touchend的位置相同,時間間隔較短沒有觸發touchmove事件,則可認爲觸發了手持設備上的click事件,一般稱它爲tap (如zepto庫)
tap事件比click事件更快
BUG:1.tap點透bug//若點擊上面一層消失,因爲上面一層消失,300ms後下面的元素接受了事件
解決方案:1.加入緩動動畫,上面一層在300ms後消失2.加入中間層來接受事件3.都用tap事件(但原生標籤的click事件不可避免)
2.Android只會觸發一次touchstart,一次touchmove,不觸發touchend
解決方案:touchmove中加入event.preventDefault(),但會導致默認行爲不觸發,如scroll,頁面不滾動


touch是移動交互的核心
局部滾動開啓彈性滾動(局部滾動沒有彈性滾動,滾動多少是多少)//Android不支持
body{
    overflow:scroll;
    -webkit-overflow-scrolling:touch;
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章