Html5支持iPhone觸屏的腳本寫法是利用touch事件方法觸摸事件touch會在用戶手指放在屏幕上面的時候在屏幕上滑動的時候或者是從屏幕上移開的時候出發(fā)下面具體說明touchstart事件當(dāng)手指觸摸屏幕時候觸發(fā)，即使已經(jīng)有一個。

1創(chuàng)建拖拽對象 我們可以通過draggable屬性告訴瀏覽器，哪些元素需要實現(xiàn)拖拽功能draggable有三個值true元素可以被拖拽false元素不能被拖拽auto瀏覽器自己判斷元素是否能被拖拽 系統(tǒng)默認(rèn)值是auto，但auto情況下瀏。

dragstart 按下鼠標(biāo)鍵并開始移動鼠標(biāo)時 drag 在dragstart事件之后，在元素被拖動期間會持續(xù)觸發(fā)該事件 dragend 當(dāng)拖動停止時，會觸發(fā)dragend事件 放置目標(biāo)元素 dragenter 有元素被拖動到放置目標(biāo)上 dragover 緊隨。

Dragleave事件 drop對象 Dragleave事件在這個拖動對象離開Drop目標(biāo)對象的范圍時觸發(fā)Drop事件 drop對象 當(dāng)這個Drag對象在Drop對象上釋放鼠標(biāo)時觸發(fā) 這些是HTML5的新特性，可以在秒秒學(xué)查找相關(guān)的資料。

touchstart事件當(dāng)手指觸摸屏幕時候觸發(fā)，即使已經(jīng)有一個手指放在屏幕上也會觸發(fā)touchmove事件當(dāng)手指在屏幕上滑動的時候連續(xù)地觸發(fā)在這個事件發(fā)生期間，調(diào)用preventDefault事件可以阻止?jié)L動touchend事件當(dāng)手指從屏幕上。

touchstart觸摸開始的時候觸發(fā) touchmove手指在屏幕上滑動的時候觸發(fā) touchend觸摸結(jié)束的時候觸發(fā) 而每個觸摸事件都包括了三個觸摸列表，每個列表里包含了對應(yīng)的一系列觸摸點用來實現(xiàn)多點觸控touches當(dāng)前位于屏幕上。

getScrollY方法返回的是當(dāng)前可見區(qū)域的頂端距整個頁面頂端的距離，也就是當(dāng)前內(nèi)容滾動的距離getHeight或者getBottom方法都返回當(dāng)前webview這個容器的高度 getContentHeight返回的是整個html的高度，但并不等同于當(dāng)前整個。

拖拽交互必須在長按交互的基礎(chǔ)上滑動，從一個點拖動到另一個點可以讓用戶自行控制速度適合圖片展示類的H5例如，在睡姿大比拼中，用戶可以拖動角色肢體來創(chuàng)建各種有趣的睡眠姿勢5重力交互 重力交互是一個非常直觀。

一種是設(shè)置backgroundattachmentfixed背景固定了 另外一種就是利用 animate css3的屬性，想兼容更多的瀏覽器建議用jquery控制感覺應(yīng)該是你想要的效果了你說的這個是單頁面效果我給你個網(wǎng)址上面有好多這樣的。

使用瀏覽器可以進(jìn)行手機效果測試現(xiàn)在各大瀏覽器都有這種功能了， 谷歌360搜狐等首先打開網(wǎng)頁，點擊右鍵列表里會有“審查元素”，再點擊手機那個按鈕，就可以調(diào)整屏幕寬度查看手機效果。

比如SVG繪圖，各種圖形都是以DOM節(jié)點的形式插入到頁面中，這就意味著可以使用DOM方法對圖形進(jìn)行操作比如有一個 元素，可以直接用jquery增加click事件$#39#p1#39clickfunctionhellipquot然而這種DOM處理方法在HTML5。

頁面切換更改為上下，滑動效果制作完成步驟5更快捷地創(chuàng)建類似的新頁面復(fù)制頁面，先復(fù)制頁面，然后在舞臺下粘貼選中頁面2的圖片，替換它，上傳后的圖片坐標(biāo)和大小會以我們前面設(shè)置好的為標(biāo)準(zhǔn)自動適配，如此類推，便可。

這個原理其實很簡單的你知道html5只是html+css3+js的全程，所以控制圖片的定位都是有css的一個position屬性來做的，圖片無非就是去改變定位中的left值知道這個之后我就可以接下來的實現(xiàn)步驟當(dāng)然，這些只是實現(xiàn)邏輯具體。

如果別的手機在同樣的wifi下可以連接上，那就是你手機的360在作祟，卸載后就能上網(wǎng)了，重新下 如果用的是360軟件，把它刪了就OK了 把內(nèi)存卡拔掉重插試試 我到電腦重下360手機衛(wèi)士 讓后再把把手機重啟 就OK了。

你可以用phoneGap 這個跨的框架 phoneGap就是封裝了一堆的方法，通過js去調(diào)用ios 或者 android系統(tǒng)的一些應(yīng)用 例如拍照上傳，獲取聯(lián)系人定位，重力，方向感應(yīng)等等 這些套裝，可以在各種上使用 建議查看phoneGap資料。

這個無法獲取的，當(dāng)然可以換個思路，比如監(jiān)聽input的onchange事件，判斷和之前的值的變化，來判斷增加還是減少。

2hide 方法隱藏被選元素這與 CSS 屬性 display 類似，但是隱藏的元素不會被完全顯示不再影響頁面的布局二設(shè)計一個HTML頁面，包括一個簡單的彈出窗，和一個顯示按鈕其中，調(diào)用了jquery的以上兩個函數(shù)。

2單獨使用 this，它指向全局Global對象 3函數(shù)使用中，this 指向函數(shù)的所屬者 4嚴(yán)格模式下函數(shù)是沒有綁定到 this 上，這時候 this 是 undefined 5在 HTML 事件句柄中，this 指向了接收事件。