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...