由於觸控式的手機流行,加上 iPhone 盛行,Android 後起之秀持續攪亂一池春水,所以手機網頁設計突然變得很熱門。所以最近 Responsive Web
Design 也突然流行起來,翻成響應式網頁設計感覺很怪,我個人會叫他適用性網頁設計
,畢竟,他是針對不同的裝置,所使用的不同的螢幕尺寸,而去回應不同的畫面結果,所以適用性或許比較容易理解(吧?
好,其實無關設計,我們來聊一下觸控事件。
--------------------------------------------------------------------------------
在 w3c 的規範 [http://www.w3.org/TR/touch-events/
首先,請先了解一下 Events 的傳遞方式: http://www.quirksmode.org/js/events_order.html
另外,我常常拿來做範例的 Safari Handling Events 文章: http://goo.gl/r2SLD
然後,這種動作可以由 mousedown 與 mosueup/mouseleave 來取代 touchstart 與
touchend/touchcancel,
首先,這裡有鐵神寫好的教學文(For Mac) [http://www.jaceju.net/blog/archives/1818]。
六月過後,Titanium 發表了新的 Titanium Stuido,順勢的把 Titanium Develpoer 給關閉了(目前只在官方提供的
gitHub 上面找得到)。所以這裡就從 Titanium Studio 開始,首先,請先申請一個 Titanium Community
帳號,是的,
首先,如果可以的話,先看看官方的說明吧!
> http://jquerymobile.com/demos/1.0a1/
官方有說,所有的內容與結構都是基於 W3C 的 WAI-ARIA [http://www.w3.org/TR/wai-aria/]
為準,所以在要做這個之前,還是先得去翻閱一次那些規格等等的文件。因為跟一般的 HTML 有相當的落差,所以其實要上手最快的方式,還是直接去挖官方的 Code
回來參考是比較快的(喂)!附帶一提的是,眼尖的人應該會發現