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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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