移動端touch實現下拉重新整理

2022-01-17 05:03:26 字數 1066 閱讀 2908

1.touchstart:只要將手指放在了螢幕上(而不管是幾隻),都會觸發touchstart事件。

2.touchmove: 當我們用手指在螢幕上滑動時,這個事件會被連續觸發。 如果我們不希望頁面隨之滑動,我們可以使用event的preventdefault來阻止這個預設行為。

3.touchend: 當手指滑動後離開螢幕,這時就觸發了touchend事件。

4.touchcancel: 系統停止跟蹤觸控時候會觸發。例如在觸控過程中突然頁面alert()乙個提示框,此時會觸發該事件,這個事件比較少用。

1. touches,這是乙個類陣列物件,包含了所有的手指資訊,如果只有乙個手指,那麼我們用touches[0]來表示。

2. targettouches 。 手指在目標區域的手指資訊。

3. changedtouches:最近一次觸發該事件的手指資訊。

4. touchend時,touches與targettouches資訊會被刪除,changedtouches儲存的最後一次的資訊,最好用於計算手指資訊。

先看效果圖:

它的實現原理非常簡單,就是將紅色圓形的postion屬性設為absolute,然後,當我們滑動它時,就觸發了touchmove事件,將其left和top設定為event的pagex和pagey即可,為保證觸發中心與圓心在同一位置,只需將pagex加上width的一半,pagey加上height的一半。

原始碼如下:

點我

這個例項就是下拉重新整理功能的實現,效果如下:

原始碼如下:

政務雲重新整理中...

電子政務雲(e-government cloud)屬於**雲,結合了雲計算技術的特點,對**管理和服務職能進行精簡、優化、整合,並通過資訊化手段在政務上實現各種業務流程辦理和職能服務,為**各級部門提供可靠的基礎it服務平台。

UITableView實現下拉重新整理

uirefreshconteol類是實現下拉重新整理的控制項,並且uitableview有refreshcontrol的屬性。定義 uirefreshcontrol control uirefresh alloc init 下拉重新整理時顯示的文字 control.attributedtitle n...

iOS TableView實現下拉重新整理資料

1.建立重新整理控制項,可通過xib或 方式建立控制項 void setupdownrefresh 2.將新資料載入到原資料的前面 插入資料前面 self.data insertobject knewdata atindex 0 3.重新整理 並結束重新整理狀態 重新整理tableview self...

iOS TableView實現下拉重新整理資料

1.建立重新整理控制項,可通過xib或 方式建立控制項 void setupdownrefresh 2.將新資料載入到原資料的前面 插入資料前面 self.data insertobject knewdata atindex 0 3.重新整理 並結束重新整理狀態 重新整理tableview self...