移動web開發 第二天

2021-08-20 04:20:26 字數 1842 閱讀 5347

touchstart:當手指觸碰到螢幕的時候觸發

繫結事件的方法:dom.addeventlistener("touchstart", function(e){});

事件返回的e物件包含那些移動端特有的屬性:

targettouches 目標元素的所有當前觸控

changedtouches 頁面上最新更改的所有觸控

touches 頁面上的所有觸控

touchmove:當手指在螢幕上滑動時連續觸發

繫結事件的方法:dom.addeventlistener("touchmove", function(e){});

事件返回的e物件包含那些移動端特有的屬性:

originalevent  是

jquery

封裝的事件。

targettouches 目標元素的所有當前觸控

changedtouches 頁面上最新更改的所有觸控

touches 頁面上的所有觸控

在滑動的時候不斷給盒子做定位,來達到滑動的效果

定位的位置,當前的的定位加上移動的距離

在開始滑動的時候就要清楚定時器,move的時候清除過渡,

-index*width + distancex

touchend:當手指在螢幕上結束滑動時觸發

繫結事件的方法:dom.addeventlistener("touchend", function(e){});

事件返回的e物件包含那些移動端特有的屬性:

changedtouches 頁面上最新更改的所有觸控

touchcancel:系統停止跟蹤觸控時候會觸發,系統被動終止,例如

alert

。注意:在touchend事件的時候

event

只會記錄

changedtouches

clientx:觸控目標在視口中的

x座標。

clienty:觸控目標在視口中的

y座標。

pagex:觸控目標在頁面中的

x座標。

pagey:觸控目標在頁面中的

y座標。

screenx:觸控目標在螢幕中的

x座標。

screeny:觸控目標在螢幕中的

y座標。

1、transitionend

:過渡結束後觸發。

繫結事件的方法:

dom.addeventlistener("webkittransitionend", function(e){});

dom.addeventlistener("transitionend", function(e){});

2、animationend

:動畫結束後觸發。

繫結事件的方法:

dom.addeventlistener("webkitanimationend", function(e){});

dom.addeventlistener("animationend", function(e){});

3、gesture

事件gesturestart:當乙個手指觸控螢幕之後,第二個手指再觸控螢幕時觸發。

gesturechange:當上面的事件觸發後立即觸發。

gestureend:第二根手指離開螢幕時觸發,之後將不會再次觸發

gesturechange

。在event當中會返回另外兩個引數

scale 根據兩個手指的滑動距離計算的縮放比例 初始

1rotation根據兩個手指的滑動距離計算的旋轉角度 初始

04、全屏單頁布局:

html,body

web開發第二天

flask bootstrap基模板 修改my.cnf mysql插入中文失敗解決辦法 property 增加了資料庫和郵件基本功能,遇到的問題都在上面,使用werkzeug實現了密碼雜湊 渲染登入表單 登入 rel stylesheet type text css href class conta...

Web第二天學習

總結 在學習的第二天,比較困難的是在框架的巢狀每次都會混肴。這算是我的乙個需要攻克的坎。然後接下來的這些筆記是從我同學的copy過來的,因為他整理的比我的好。在此文最下面會有關於上課的疑問的答疑 在html中get和post的區別 html 一 table標籤 1 tabl屬性 1 tr 行 tab...

Web學習第二天

用來獲取使用者輸入資訊的標籤,其屬性如下 type 屬性值有很多,並且不同的屬性值會顯示出不同的樣式 text 文字框,輸入文字 如何在input中沒有設定type屬性,預設就是text password 密碼框 定義密文字段 radio 單選按鈕 注意 name要寫成一樣,才能做到單一選擇 che...